<commit_before>#service-cart.overlay {

  // todo: refactor all customization
  // icons into a separate layout.
  ul.minimized {
    width: @map-control-icon-width;
    height: @map-control-icon-width;

    li {
      width: @map-control-icon-width;
      min-height: @map-control-icon-width;
      height: @map-control-icon-width;
      line-height: @map-control-icon-width;
      border-radius: 50%;
      text-align: center;
      padding: 0;
      background-color: white;

      a{
        width: @map-control-icon-width;
        min-height: @map-control-icon-width;
        height: @map-control-icon-width;
        line-height: @map-control-icon-width;
        border-radius: 50%;
      }

      .icon-icon-map-options {
        font-size: 22px;
        vertical-align: middle;
        color: @gray;
        &:hover {
          color: @gray-light;
        }
      }
    }
  }
  ul.expanded {
    width: 250px;
    li {
      position: relative;
      clear: both;
      background-color: @white;
      border-radius: 2px;
      min-height: @map-control-icon-width;
      div.service {
        width: 200px;
      }
      a.layer {
        width: 100%;
      }
      .service-name {
        font-weight: @font-bold-weight;
        margin-left: 30px;
        margin-right: 30px;
        width: 185px;
      }
      .color-ball, .layer-icon {
        float: left;
      }
      .color-ball {
        margin-top: 6px;
        margin-right: 8px;
        margin-left: 4px;
      }
      .layer-icon {
        margin-top: 0px;
        margin-right: 8px;
        margin-left: 0;
      }
      .button {
        position: absolute;
        right: 8px;
        top: 8px;
      }
    }
  }
      .map-layer label.layer {
        display: block;
        &:hover {
          cursor: pointer;
        }
      }

  ul {
    border-radius: 2px;
    li.info-box {
      position: relative;
      height: @map-control-icon-width;
      min-height: @map-control-icon-width;
      background-color: @blue-lighter;
      color: darken(@gray, 27%);
      cursor: auto;
      h2 {
        font-size: 16px;
        margin-top: 2px;
        font-weight: normal;
      }
      &:hover {
        background-color: @blue-lighter;
      }
      .button {
        position: absolute;
        right: 8px;
      }
    }
    li {
      padding: 8px 12px;
      background-color: transparent;
      border-radius: 0;
      position: static;
      a {
        display:block;
      }
    }
  }
}<commit_msg>Refactor service-cart.less<commit_after>#service-cart.overlay {
  // todo: refactor all customization icons into a separate layout.
  ul.minimized {
    width: @map-control-icon-width;
    height: @map-control-icon-width;

    li {
      width: @map-control-icon-width;
      min-height: @map-control-icon-width;
      height: @map-control-icon-width;
      line-height: @map-control-icon-width;
      border-radius: 50%;
      text-align: center;
      padding: 0;
      background-color: white;

      a {
        width: @map-control-icon-width;
        min-height: @map-control-icon-width;
        height: @map-control-icon-width;
        line-height: @map-control-icon-width;
        border-radius: 50%;
      }

      .icon-icon-map-options {
        font-size: 22px;
        vertical-align: middle;
        color: @gray;
        &:hover {
          color: @gray-light;
        }
      }
    }
  }

  ul.expanded {
    width: 250px;

    li {
      position: relative;
      clear: both;
      background-color: @white;
      border-radius: 2px;
      min-height: @map-control-icon-width;

      div.service {
        width: 200px;
      }

      a.layer {
        width: 100%;
      }

      .service-name {
        font-weight: @font-bold-weight;
        margin-left: 30px;
        margin-right: 30px;
        width: 185px;
      }

      .color-ball, .layer-icon {
        float: left;
      }

      .color-ball {
        margin-top: 6px;
        margin-right: 8px;
        margin-left: 4px;
      }

      .layer-icon {
        margin-top: 0;
        margin-right: 8px;
        margin-left: 0;
      }

      .button {
        position: absolute;
        right: 8px;
        top: 8px;
      }
    }
  }

  .map-layer label.layer {
    display: block;

    &:hover {
      cursor: pointer;
    }
  }

  ul {
    border-radius: 2px;

    li.info-box {
      position: relative;
      height: @map-control-icon-width;
      min-height: @map-control-icon-width;
      background-color: @blue-lighter;
      color: darken(@gray, 27%);
      cursor: auto;

      &:hover {
        background-color: @blue-lighter;
      }

      h2 {
        font-size: 16px;
        margin-top: 2px;
        font-weight: normal;
      }

      .button {
        position: absolute;
        right: 8px;
      }
    }

    li {
      padding: 8px 12px;
      background-color: transparent;
      border-radius: 0;
      position: static;

      a {
        display: block;
      }
    }
  }
}
{'fraction_non_alphanumeric': 0.1275221953188055, 'fraction_numerical': 0.01775625504439064, 'mean_word_length': 1.4972292191435768, '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': '1275173', 'n_tokens_mistral': 1747, 'n_tokens_neox': 1629, 'n_words': 318}