<commit_before>
@ts-nav-height: 65px;
@ph-nav-height: 60px;
@dt-nav-width: 300px;

/* Merge phone and touchscreen similarities, if we keep them */

.display-desktop {
  #body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: @dt-nav-width;
  }

  #nav {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: @dt-nav-width;
    background: #eee;
    border-right: 1px solid #ddd;
    z-index: 1;
    color: black;

    .capabilities {
      .full-size;
      padding: @dt-wide-margin;

      .capability {
        overflow: hidden;
        padding: 0 @dt-wide-margin;
        color: @dark-blue;

        &:not(.selected) {
          .clickable;

          &:hover {
            background: fadeout(@dark-blue, 85%);
          }
        }

        &.selected {
          background: @dark-blue;

          i, .name {
            color: white;
          }
        }

        i {
          float: left;
          font-size: 24px;
          line-height: 46px;
        }

        .name {
          margin-left: 40px;<commit_msg>Ensure all capability icons are centered in desktop nav<commit_after>
@ts-nav-height: 65px;
@ph-nav-height: 60px;
@dt-nav-width: 300px;

/* Merge phone and touchscreen similarities, if we keep them */

.display-desktop {
  #body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: @dt-nav-width;
  }

  #nav {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: @dt-nav-width;
    background: #eee;
    border-right: 1px solid #ddd;
    z-index: 1;
    color: black;

    .capabilities {
      .full-size;
      padding: @dt-wide-margin;

      .capability {
        overflow: hidden;
        padding: 0 @dt-wide-margin;
        color: @dark-blue;

        &:not(.selected) {
          .clickable;

          &:hover {
            background: fadeout(@dark-blue, 85%);
          }
        }

        &.selected {
          background: @dark-blue;

          i, .name {
            color: white;
          }
        }

        i {
          float: left;
          font-size: 24px;
          line-height: 46px;
          text-align: center;
          width: 25px;
        }

        .name {
          margin-left: 40px;
{'fraction_non_alphanumeric': 0.12930648769574943, 'fraction_numerical': 0.02237136465324385, 'mean_word_length': 1.467991169977925, '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': '2847542', 'n_tokens_mistral': 818, 'n_tokens_neox': 740, 'n_words': 179}