<commit_before>@import "mixins";
@import "branding";
@import "compass/css3/user-interface";
@import 'variables';

.cart {
  @include user-select(none);

  .cart-span, .cart-span a {
    display: inline-block;
  }

  .cart-span {
    float: left;
  }

  .joyride-tip-guide {
    display: block;
    right: 0;
    top: $topbar-height;
    width: 480px;

    @media screen and (min-width: 641px) {
      overflow-y: auto;
      max-height: calc(95vh - 55px);
    }

    @media screen and (max-width: 640px) {
      width: 96%;
    }

    .joyride-nub {
      right: 22px !important;
      left: auto;
    }

    table {
      width: 100%;
      border: none;
      border-spacing: 0px;
      margin-bottom: 5px;

      tr.total-cart {
        color: #fff;
        background-color: #424242;

        td {
          color: #fff;
        }
      }

      tr.product-cart {
        background-color: #333333;
        border-top: 1px solid #424242;

        td {
          padding: 4px 12px;
          color: #fff;
        }
      }
    }

    .buttons {
      margin-bottom: 0.1em;

      .button {
        height: auto;
        top: 0px;
      }
    }
  }
}

// Shopping cart
#cart-detail {
  .cart-item-delete, .bought-item-delete {
    a {
      font-size: 1.125em;
    }
  }

  .out-of-stock {
    color: $clr-brick;
  }

  button, .button {
    margin: 0;
  }

  .toggle-bought {
    cursor: pointer;
  }

  tr.bought td {
    color: $med-grey;

    h5 {
      color: $med-grey;
    }

    .already-confirmed {
      float: right;
    }
  }
}

.item-thumb-image {
  display: none;

  @media screen and (min-width: 640px) {
    display: inline-block;
    float: left;
    padding-right: 0.5em;
    width: 36px;
    height: 36px;
  }
}<commit_msg>Set cart buttons to fixed width and expand when screen is too small<commit_after>@import "mixins";
@import "branding";
@import "compass/css3/user-interface";
@import 'variables';

.cart {
  @include user-select(none);

  .cart-span, .cart-span a {
    display: inline-block;
  }

  .cart-span {
    float: left;
  }

  .joyride-tip-guide {
    display: block;
    right: 0;
    top: $topbar-height;
    width: 480px;

    @media screen and (min-width: 641px) {
      overflow-y: auto;
      max-height: calc(95vh - 55px);
    }

    @media screen and (max-width: 640px) {
      width: 96%;
    }

    .joyride-nub {
      right: 22px !important;
      left: auto;
    }

    table {
      width: 100%;
      border: none;
      border-spacing: 0px;
      margin-bottom: 5px;

      tr.total-cart {
        color: #fff;
        background-color: #424242;

        td {
          color: #fff;
        }
      }

      tr.product-cart {
        background-color: #333333;
        border-top: 1px solid #424242;

        td {
          padding: 4px 12px;
          color: #fff;
        }
      }
    }

    .buttons {
      margin-bottom: 0.1em;

      .button {
        height: auto;
        top: 0px;
      }
    }
  }
}

// Shopping cart
#cart-detail {
  .cart-item-delete, .bought-item-delete {
    a {
      font-size: 1.125em;
    }
  }

  .out-of-stock {
    color: $clr-brick;
  }

  button, .button {
    margin: 0;
  }

  .toggle-bought {
    cursor: pointer;
  }

  tr.bought td {
    color: $med-grey;

    h5 {
      color: $med-grey;
    }

    .already-confirmed {
      float: right;
    }
  }
}

.item-thumb-image {
  display: none;

  @media screen and (min-width: 640px) {
    display: inline-block;
    float: left;
    padding-right: 0.5em;
    width: 36px;
    height: 36px;
  }
}

.links {
  .button {
    padding: 1.125rem 0 1.1875rem;
    width: 210px;

    @media all and (max-width: 480px) {
      width: 100%;
    }
  }
}
{'fraction_non_alphanumeric': 0.13933315261588505, 'fraction_numerical': 0.03984819734345351, 'mean_word_length': 1.648959081119885, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6956843', 'n_tokens_mistral': 1529, 'n_tokens_neox': 1356, 'n_words': 297}