<commit_before>@import "colors";
@import "constants";

.button {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 30px;
  border: 1px solid $border-grey;
  font-size: 14px;
  line-height: 20px;
  background-color: #FFFFFF;
  color: $black;
  cursor: pointer;
  -webkit-appearance: none;

  &:hover {
    background: $light-grey;
    text-decoration: none;
  }

  &:active,
  &:focus {
    outline: none;
  }

  &.primary {
    color: #FFFFFF;
    border-color: $blue;
    background-color: $blue;

    &:hover {
      background: $light-blue;
    }
  }

  &.secondary {
    color: $blue;
    border-color: $blue;
    background-color: #FFFFFF;

    &:hover {
      color: #FFFFFF;
      background: $light-blue;
    }
  }

  &.success {
    color: #FFFFFF;
    border-color: $green;
    background-color: $green;

    &:hover {
      color: $green;
      background-color: #FFFFFF;
    }
  }

  &.large {
    font-size: 18px;
    line-height: 26px;
    padding: 15px 32px;
  }

  &.expand {
    width: 100%;
  }

  > .icon {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    vertical-align: middle;
    margin-right: $default-spacer;
  }

  &.dropdown {
    position: relative;

    &::after {
      content: "▾";
      margin-left: $default-spacer;
      font-weight: bold;
    }

    .dropdown-content {
      display: none;
    }

    &.open {
      .dropdown-content {
        display: block;
      }
    }
  }

  &.icon-only .icon {
    margin-right: 0;
  }
}

.dropdown-content {
  border: 1px solid $border-grey;
  background: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 0;
  top: 5 * $default-spacer;
  cursor: default;
  z-index: 10;

  &.left-aligned {
    left: 0;
    right: unset;
  }

  &.terminated {
    width: 600px;
    color: $black;
    padding: $default-padding;

    h4 {
      font-size: 24px;<commit_msg>Change the padding of icon-only buttons<commit_after>@import "colors";
@import "constants";

.button {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 30px;
  border: 1px solid $border-grey;
  font-size: 14px;
  line-height: 20px;
  background-color: #FFFFFF;
  color: $black;
  cursor: pointer;
  -webkit-appearance: none;

  &:hover {
    background: $light-grey;
    text-decoration: none;
  }

  &:active,
  &:focus {
    outline: none;
  }

  &.primary {
    color: #FFFFFF;
    border-color: $blue;
    background-color: $blue;

    &:hover {
      background: $light-blue;
    }
  }

  &.secondary {
    color: $blue;
    border-color: $blue;
    background-color: #FFFFFF;

    &:hover {
      color: #FFFFFF;
      background: $light-blue;
    }
  }

  &.success {
    color: #FFFFFF;
    border-color: $green;
    background-color: $green;

    &:hover {
      color: $green;
      background-color: #FFFFFF;
    }
  }

  &.large {
    font-size: 18px;
    line-height: 26px;
    padding: 15px 32px;
  }

  &.expand {
    width: 100%;
  }

  > .icon {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    vertical-align: middle;
    margin-right: $default-spacer;
  }

  &.dropdown {
    position: relative;

    &::after {
      content: "▾";
      margin-left: $default-spacer;
      font-weight: bold;
    }

    .dropdown-content {
      display: none;
    }

    &.open {
      .dropdown-content {
        display: block;
      }
    }
  }

  &.icon-only {
    padding: 9px 16px;

    .icon {
      margin-right: 0;
    }
  }
}

.dropdown-content {
  border: 1px solid $border-grey;
  background: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 0;
  top: 5 * $default-spacer;
  cursor: default;
  z-index: 10;

  &.left-aligned {
    left: 0;
    right: unset;
  }

  &.terminated {
    width: 600px;
    color: $black;
    padding: $default-padding;

    h4 {
      font-size: 24px;
{'fraction_non_alphanumeric': 0.1486556359875905, 'fraction_numerical': 0.027145811789038264, 'mean_word_length': 2.1327935222672063, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '5891773', 'n_tokens_mistral': 1595, 'n_tokens_neox': 1447, 'n_words': 319}