src/main/org/freemarker/docgen/less/lib/components/search-form.less

.search-form {
  @input-height: 28px;
  // flex: 1 0 auto;

  height: @input-height;
  width: 100%;
  max-width: 300px;
  margin-left: 24px;

  &.offline {
    visibility: hidden;
  }

  @media (min-width: @screen-sm-min) {
    margin-left: 0;
  }

  .search-btn {
    color: @brand-color;
    line-height: 1;

    background-color: #fff;
    background-image: none;

    border: 0;
    border-radius: 0;

    padding: 0 3px;

    width: 26px;
    height: @input-height - 2; //-2 to accomodate for border

    position: relative;
    top: -@input-height + 1;
    float: right;
    right: 1px;

    &:hover {
      color: lighten(@link-color, 30%);
      cursor: pointer;
    }

    &::before {
      .icon();
      .icon-search();

      font-size: 16px;
      width: 18px;
      height: 18px;
      display: block;
    }
  }

  .search-input {
    .placeholder(0.6, @brand-color);

    font-family: @font-sans-serif;

    background-image: none;
    background: #fff;


    border: 1px solid #aec0d6;
    border-radius: 0;

    padding: 3px 24px 3px 12px;
    height: @input-height;
    width: 100%;
  }
}