@import "bootstrap/variables";
@import "bootstrap/mixins";

.auto-complete-results-container {
  > ul {
    list-style: none;
    padding: 0;
    margin: 0;

    > li {
      background: #f0f0f0;
      .box-sizing();
      color: @metaFontColor;
      margin: 0 0 5px;
      padding: 8px 10px 7px 9px;
      .border-radius(4px);
      border-bottom: 1px solid #e4e4e4;
      font-size: 13px;

      > a.icon-remove {
        cursor: pointer;
        float: right;
        .opacity(0.4);
        position: relative;
        top: 2px;

        &:hover {
          .opacity(1.0);
        }
      }

      > input {
        display: none;
      }
    }
  }
}

@import "bootstrap/variables";
@import "bootstrap/mixins";

.auto-complete-results-container {
  > ul {
    list-style: none;
    padding: 0;
    margin: 0;

    > li {
      background: #f0f0f0;
      .box-sizing();
      color: @metaFontColor;
      margin: 0 0 5px;
      padding: 7px 10px 7px 9px;
      .border-radius(3px);
      border: 1px solid @baseBorderColor;
      font-size: @baseFontSize;
      -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
      -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
      box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);

      > a {
        font-weight: normal;
      }

      > a.icon-remove {
        cursor: pointer;
        float: right;
        .opacity(0.4);
        position: relative;
        top: 2px;

        &:hover {
          .opacity(1.0);
        }
      }

      > input {
        display: none;
      }
    }
  }
}

Make the added list items a bit more beautiful and ready for the new design with channel suggestions
Make the added list items a bit more beautiful and ready for the new design with channel suggestions

Couldn't make the box shadow a mixin, this wasn't a normal use case (we
already have mixins for this but just a bit different than our current
one)
