<commit_before>// newtopbar.less

.module-topbar {
  @base01: #000000;
  @base03: #333333;
  @base05: #6E6E6E;
  @base07: #FFFFFF;
  @base0D: #4A90E2;
  background: #1E1D1D;
  color: #E6E7E8;
  display: flex;
  height: 55px;

  div {
    // border: 1px dotted lime;
  }

  .topbar-logo {
    flex-shrink: 1;
    flex-basis: 50%;
    .logo-image-link {
      background-image: url('images/concourse_logo_white.svg');
      background-size: 30px 30px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      height: 55px;
      width: 55px;
    }
  }

  .topbar-search {
    text-align: center;

    .topbar-search-form {
      display: flex;
      margin: 0 auto;
      position: relative;
      transform: translateY(30%);

      .search-input-field {
        background: transparent url('images/ic_search_white_24px.svg') 10px 10px no-repeat;
        border: 1px solid #504B4B;
        color: @base07;
        font-family: monospace;
        font-size: 14px;
        height: 35px;
        max-width: 160px;
        padding: 0 42px;
        background-position-x: 12px;
        &:focus {
          border: 1px solid #504B4B;
          outline: 0;
        }
       }

      .search-clear-button {
        flex-grow: 1;
        background: transparent url('images/ic_close_white_24px.svg') 10px 12px no-repeat;
        border: 0;
        color: @base03;
        cursor: pointer;
        padding: 17px;
        position: absolute;
        right: 0;
      }
    }
  }

  .topbar-login {
    flex-shrink: 1;
    flex-basis: 50%;
    line-height: 55px;
    text-align: right;
    white-space: nowrap;

    .topbar-user-info {
      border-left: 1px solid @base01;
      display: inline-block;
      padding: 0 10%;
    }
  }
}
<commit_msg>Dashboard: update search bar dimensions and position<commit_after>// newtopbar.less

.module-topbar {
  @base01: #000000;
  @base03: #333333;
  @base05: #6E6E6E;
  @base07: #FFFFFF;
  @base0D: #4A90E2;
  background: #1E1D1D;
  color: #E6E7E8;
  display: flex;

  div {
    // border: 1px dotted lime;
  }

  .topbar-logo {
    flex-shrink: 1;
    flex-basis: 50%;
    .logo-image-link {
      background-image: url('images/concourse_logo_white.svg');
      background-size: 30px 30px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      height: 55px;
      width: 55px;
    }
  }

  .topbar-search {
    text-align: center;

    .topbar-search-form {
      display: flex;
      margin: 0 auto;
      position: relative;
      transform: translateY(30%);

      .search-input-field {
        background: transparent url('images/ic_search_white_24px.svg') 10px 10px no-repeat;
        border: 1px solid #504B4B;
        color: @base07;
        font-family: monospace;
        font-size: 14px;
        height: 35px;
        width: 220px;
        padding: 0 42px;
        background-position-x: 12px;
        &:focus {
          border: 1px solid #504B4B;
          outline: 0;
        }
       }

      .search-clear-button {
        flex-grow: 1;
        background: transparent url('images/ic_close_white_24px.svg') 10px 12px no-repeat;
        border: 0;
        color: @base03;
        cursor: pointer;
        padding: 17px;
        position: absolute;
        right: 0;
      }
    }
  }

  .topbar-login {
    flex-shrink: 1;
    flex-basis: 50%;
    line-height: 55px;
    text-align: right;
    white-space: nowrap;

    .topbar-user-info {
      border-left: 1px solid @base01;
      display: inline-block;
      padding: 0 10%;
    }
  }
}

@media (min-width : 320px) and (max-width : 768px) {
  .module-topbar .topbar-search .topbar-search-form .search-input-field {
    width: 160px;
  }
}

{'fraction_non_alphanumeric': 0.12450013329778725, 'fraction_numerical': 0.058384430818448414, 'mean_word_length': 2.0185036202735316, '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': '3859169', 'n_tokens_mistral': 1513, 'n_tokens_neox': 1324, 'n_words': 288}