<commit_before>.CommentHeader {
  &__table {
    width: 100%;
  }

  &__col1,
  &__col2,
  &__col3 {
    vertical-align: top;
  }

  &__col1 {
    width: 20px;
  }

  &__col2 {
    // This is a bit of trickery. It doesn't actually matter what the max-width
    // is; the middle column will always occupy the remaining space
    // between the first and last columns. However, setting this rule
    // prevents the middle column from overflowing.
    max-width: 0px;
  }

  &__col3 {
    width: 45px;
    text-align: right;
  }

  &__username,
  &__usernameIcon,
  &__flair,
  &__timestamp,
  &__separator,
  &__caron,
  &__dots,
  &__sticky {
    display: inline-block;
    vertical-align: middle;
  }

  &__username,
  &__flair,
  &__timestamp,
  &__separator {
    margin-right: @half-grid-size;
  }

  &__username,
  &__flair,
  &__timestamp {
    color: @grey-text;
  }

  &__username,
  &__flair {
    &.m-highlight {
      color: @mango;
    }
  }

  &__sticky {
    margin-right: @half-grid-size;
    font-size: 20px;
    color: inherit !important; // override the default icon coloring
  }

  &__flair {
    .themeify({
      border: @theme-border;
    });

    padding: 0 @half-grid-size;
  }

  &__dots {
    margin-right: @half-grid-size;
    color: @mint;
  }

  &__caron {
    margin-right: @grid-size;

    &:before {
      font-size: 12px;
    }

    &.m-collapsed {
      transform: rotate(-90deg);
    }
  }

  &__separator {
    color: @pale-grey;
  }

  &__username {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    &.m-admin {
      color: @orangered;
    }
<commit_msg>Fix comment caron icon vertical alignment<commit_after>.CommentHeader {
  &__table {
    width: 100%;
  }

  &__col1,
  &__col2,
  &__col3 {
    vertical-align: top;
  }

  &__col1 {
    width: 20px;
  }

  &__col2 {
    // This is a bit of trickery. It doesn't actually matter what the max-width
    // is; the middle column will always occupy the remaining space
    // between the first and last columns. However, setting this rule
    // prevents the middle column from overflowing.
    max-width: 0px;
  }

  &__col3 {
    width: 45px;
    text-align: right;
  }

  &__username,
  &__usernameIcon,
  &__flair,
  &__timestamp,
  &__separator,
  &__caron,
  &__dots,
  &__sticky {
    display: inline-block;
    vertical-align: middle;
  }

  &__username,
  &__flair,
  &__timestamp,
  &__separator {
    margin-right: @half-grid-size;
  }

  &__username,
  &__flair,
  &__timestamp {
    color: @grey-text;
  }

  &__username,
  &__flair {
    &.m-highlight {
      color: @mango;
    }
  }

  &__sticky {
    margin-right: @half-grid-size;
    font-size: 20px;
    color: inherit !important; // override the default icon coloring
  }

  &__flair {
    .themeify({
      border: @theme-border;
    });

    padding: 0 @half-grid-size;
  }

  &__dots {
    margin-right: @half-grid-size;
    color: @mint;
  }

  &__caron {
    margin-right: @grid-size;

    &:before {
      font-size: 12px;
      line-height: 21px;
    }

    &.m-collapsed {
      transform: rotate(-90deg);
    }
  }

  &__separator {
    color: @pale-grey;
  }

  &__username {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    &.m-admin {
      color: @orangered;
    }

{'fraction_non_alphanumeric': 0.13131917439425667, 'fraction_numerical': 0.014956625785222853, 'mean_word_length': 2.2371732817037753, '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': '6074072', 'n_tokens_mistral': 1334, 'n_tokens_neox': 1239, 'n_words': 279}