<commit_before>@import "autocomplete/autocomplete";

$submit-button-width: 30px;

.c-search-form {
  padding-top: $base-whitespace;
  padding-bottom: $base-whitespace;
}

.c-search-form__input {
  display: block;
  width: calc(100% - #{$submit-button-width});
  height: $search-form-height;
  padding-right: $base-whitespace;
  padding-left: $base-whitespace;
  float: left;
  outline: none;
  background-color: $secondary-gray40;
  color: $primary-light;
  font-family: $header-font-family;
  font-size: $base-font-size;

  &::placeholder {
    color: $secondary-gray20;
  }

  &:focus {
    & + .c-search-form__submit {
      background-color: $primary-contrast;
    }
  }
}

.c-search-form__submit {
  @extend %dp-search-icon;

  width: $submit-button-width;
  height: $search-form-height;
  float: left;
  background-color: $secondary-gray40;
  background-repeat: no-repeat;
  color: $primary-light;
  font-size: $base-font-size;
  cursor: pointer;

  &:hover {
    background-color: $primary-contrast;
  }
}

.c-search-form__clear {
  @include icon-button("close", "transparent", "red");

  width: $submit-button-width;
  height: $search-form-height;
  margin-left: -2 * $submit-button-width;
  float: left;
  outline: none;
  cursor: pointer;

  &:hover {
    background-color: $primary-contrast;
  }
}
<commit_msg>Add padding in search input field for clear button<commit_after>@import "autocomplete/autocomplete";

$submit-button-width: 30px;

.c-search-form {
  padding-top: $base-whitespace;
  padding-bottom: $base-whitespace;
}

.c-search-form__input {
  display: block;
  width: calc(100% - #{$submit-button-width});
  height: $search-form-height;
  padding-right: $base-whitespace + $submit-button-width;
  padding-left: $base-whitespace;
  float: left;
  outline: none;
  background-color: $secondary-gray40;
  color: $primary-light;
  font-family: $header-font-family;
  font-size: $base-font-size;

  &::placeholder {
    color: $secondary-gray20;
  }

  &:focus {
    & + .c-search-form__submit {
      background-color: $primary-contrast;
    }
  }
}

.c-search-form__submit {
  @extend %dp-search-icon;

  width: $submit-button-width;
  height: $search-form-height;
  float: left;
  background-color: $secondary-gray40;
  background-repeat: no-repeat;
  color: $primary-light;
  font-size: $base-font-size;
  cursor: pointer;

  &:hover {
    background-color: $primary-contrast;
  }
}

.c-search-form__clear {
  @include icon-button("close", "transparent", "red");

  width: $submit-button-width;
  height: $search-form-height;
  margin-left: -2 * $submit-button-width;
  float: left;
  outline: none;
  cursor: pointer;

  &:hover {
    background-color: $primary-contrast;
  }
}

{'fraction_non_alphanumeric': 0.16062176165803108, 'fraction_numerical': 0.008882309400444115, 'mean_word_length': 3.6205128205128205, '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': '7580343', 'n_tokens_mistral': 1014, 'n_tokens_neox': 983, 'n_words': 175}