<commit_before>.pb-header {
  .navbar {
    background: $t-brand-color--dark;

    @include media('<tablet') {
      @include padding(10px null);
    }
  }

  .navbar-brand > img {
    display: block;
    max-width: 140px;
    max-height: 25px;
  }

  .dropdown-toggle::after {
    content: none;
  }

  .nav-item {
    @include padding(34px null 24px);
    margin-right: 32px;

    &:last-of-type {
      margin-right: 0;
    }
  }

  .nav-link {
    font-size: 16px;
    text-decoration: none;

    @include media('>=tablet') {
      &[aria-expanded="true"]::after {
        @include position(absolute, null null 0 50%);
        @include triangle('up', 11px, 8px, $color--white);
        transform: translateX(-50%) translateY(0);
        z-index: 5;
        content: '';
      }
    }
  }

  .dropdown-menu {
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.16);
    column-rule: 1px solid $t-divider-color;

    @include media('>=tablet') {
      &--product {
        columns: 3;
        left: 50%;
        transform: translateX(-50%);
      }

      &--support {
        columns: 2;
        left: 50%;
        transform: translateX(-50%);
      }
<commit_msg>Better mobile display of main nav<commit_after>.pb-header {
  .navbar {
    background: $t-brand-color--dark;

    @include media('<tablet') {
      @include padding(10px null);
    }
  }

  .navbar-brand > img {
    display: block;
    max-width: 140px;
    max-height: 25px;
  }

  .dropdown-toggle::after {
    content: none;
  }

  .nav-item {
    @include padding(5px null);
    margin-right: 32px;

    &:last-of-type {
      margin-right: 0;
    }

    @include media('>=tablet') {
      @include padding(34px null 24px);
    }
  }

  .nav-link {
    font-size: 16px;
    text-decoration: none;

    @include media('>=tablet') {
      &[aria-expanded="true"]::after {
        @include position(absolute, null null 0 50%);
        @include triangle('up', 11px, 8px, $color--white);
        transform: translateX(-50%) translateY(0);
        z-index: 5;
        content: '';
      }
    }
  }

  .dropdown-menu {
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.16);
    column-rule: 1px solid $t-divider-color;
    padding: 10px 0;

    @include media('>=tablet') {
      padding: 24px 0;

      &--product {
        columns: 3;
        left: 50%;
        transform: translateX(-50%);
      }

      &--support {
        columns: 2;
        left: 50%;
        transform: translateX(-50%);
      }

{'fraction_non_alphanumeric': 0.1611855460820138, 'fraction_numerical': 0.04263093788063337, 'mean_word_length': 1.9722557297949337, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 10, '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': '3287952', 'n_tokens_mistral': 971, 'n_tokens_neox': 843, 'n_words': 184}