<commit_before>// is imported inside .tutor-top-navbar
.center-control {
  $icon-color: $tutor-neutral-dark;
  font-size: 1.8rem;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  pointer-events: auto;
  align-items: center;
  justify-content: center;
  .fa-stack {
    .ox-icon {
      // icon needs to be hoverable for tooltip
      z-index: 10;
    }
  }

  .fa {
    color: $icon-color;
    font-size: 2.6rem;

    &.fa-th {
      position: relative;
      top: 0.1em;
    }
  }

  .icons {
    display: flex;
    align-items: center;

    & > * {
      margin: 0 0.5rem;
      @include media-breakpoint-up('md') {
        margin: 0 1rem;
      }
    }
    .due-date {
      display: flex;
      align-items: center;
      .calendar-text {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5px;
      }
    }
  }

  .milestones-toggle {
    &:hover,
    &.active {
      .ox-icon {
        color: $tutor-info;
      }
    }
    // TODO find out about universal focus style.
    &:focus {}
  }
  .note-summary-toggle {
    background-color: transparent;
    border: none;
    .i {
      fill: $icon-color;
    }
    &:hover,
    &.active {
      .i {
        fill: $tutor-info;
      }
    }
    svg {
      height: 26px;
    }
  }
}
<commit_msg>align date in center of cal icon<commit_after>// is imported inside .tutor-top-navbar
.center-control {
  $icon-color: $tutor-neutral-dark;
  font-size: 1.8rem;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  pointer-events: auto;
  align-items: center;
  justify-content: center;
  .fa-stack {
    .ox-icon {
      // icon needs to be hoverable for tooltip
      z-index: 10;
    }
  }

  .icons {
    display: flex;
    align-items: center;

    & > * {
      margin: 0 0.5rem;
      @include media-breakpoint-up('md') {
        margin: 0 1rem;
      }
    }
    .due-date {
      display: flex;
      align-items: center;
      .ox-icon {
        margin: 0;
      }
      .calendar-text {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5px;
      }
    }
  }

  .milestones-toggle {
    &:hover,
    &.active {
      .ox-icon {
        color: $tutor-info;
      }
    }
    // TODO find out about universal focus style.
    &:focus {}
  }
  .note-summary-toggle {
    background-color: transparent;
    border: none;
    .i {
      fill: $icon-color;
    }
    &:hover,
    &.active {
      .i {
        fill: $tutor-info;
      }
    }
    svg {
      height: 26px;
    }
  }
}

{'fraction_non_alphanumeric': 0.1392355694227769, 'fraction_numerical': 0.011310452418096724, 'mean_word_length': 1.5830815709969788, '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': '6202862', 'n_tokens_mistral': 972, 'n_tokens_neox': 928, 'n_words': 199}