discourse/app/assets/stylesheets/common/base/search.scss

.fps-invalid {
  margin-bottom: 1em;
}

.fps-result {

  .author {
    display: inline-block;
    vertical-align: top;
  }

  .like-count {
    color: dark-light-choose($primary-medium, $secondary-medium);
    .fa { color: $love; font-size: $font-down-1; }
  }

  .badge-wrapper span.badge-category {
    max-width: inherit;
  }

  .search-category {
    padding-top:3px;
  }

  margin-bottom: 28px;
  max-width: 780px;
  .topic {
     padding-bottom: 2px;
     max-width:700px;
  }
  .avatar {
    margin-right: 14px;
  }
  a.search-link:visited .topic-title {
    color: $tertiary-high;
  }
  .search-link {
    .topic-statuses, .topic-title {
      font-size: $font-up-2;
      line-height: $line-height-large;
    }

    .topic-statuses {
      float: none;
      display: inline-block;
      color: dark-light-choose($primary-medium, $secondary-medium);
      font-size: $font-0;
    }
  }
  .blurb {
    font-size: $font-0;
    line-height: $line-height-large;
    word-wrap: break-word;
    max-width: 640px;
    color: dark-light-choose($primary-medium, $secondary-medium);
    .date {
      color: dark-light-choose($primary-medium, $secondary-high);
    }

    .search-highlight {
      color: dark-light-choose($primary, $secondary-low);
    }
  }

  .discourse-tag {
    font-size: $font-down-1;
  }
}

.fps-topic {
  display: inline-block;
}

.fps-select {
  margin-top: -15px;
  margin-bottom: 15px;
  a:hover {
    color: $secondary;
    background-color: $tertiary;
  }
  a {
    margin-right: 15px;
    font-size: $font-down-1;
    padding: 2px 5px;
  }
}

.search.row {
  margin-bottom: 15px;
  .input-xxlarge {
    width: 100%;
  }

  .search-bar {
    display: flex; 
    margin-bottom: 10px;
    max-width: 780px;
    input {
      height: 22px;
      padding-left: 6px;
      margin: 0 5px 0 0;
    }
  }

  .new-topic-btn {
    float:right;
  }
}

.no-results-suggestion {
  margin-top: 30px;
}
.search-footer {
  margin-bottom: 30px;
}

.panel-body-contents .search-context label {
  float: left;
}

.search-title {
  position: relative;
  margin: 10px 0 15px;
  max-width: 780px;
  border-bottom: 3px solid $primary-low; 
  width: 100%;
  .term {
    font-weight: bold;
  }

  .result-count {
    float: left;
    margin-bottom: 4px;    
    span {
      line-height: $line-height-large;
      height: 28px;
      display: inline-block;
    }
  }

  .sort-by {
    float: right;
    margin-bottom: 4px;
    .desc {
      margin-right: 5px;
    }
    select {
      margin-bottom: 0;
      width: auto;
      min-width: 150px;
    }
  }
}

.google-search-form {
  margin-top: 2em;
}

.search-advanced {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  max-width: 780px;
  .search-advanced-options {
    border: 1px solid $primary-low;
    padding: 0 20px;    
    width: 100%;
    .date-picker-wrapper {
      vertical-align: top;
    }
    @media screen and (max-width: 715px) {
      padding: 0 10px;
      #postTime {
        margin: 0 0 5px 0;
      }
    }
  }

  .search-advanced-btn {
    flex: 1 1 100%;
    width: 100%;
    text-align: left;
    font-weight: bold;
  }

  .container {
    display: flex;
    flex: 1 1 100%;
    padding: 15px 0 10px 0;
    .all-tags {
      margin-bottom: 0;
    }
    @media screen and (max-width: 600px) {
      flex-wrap: wrap;
    }
    &:not(:first-of-type) {
      border-top: 1px solid $primary-low;
    }
    .control-group {
      flex: 1 1 100%;
      @media screen and (max-width: 600px) {
        margin: 0;
        &:nth-of-type(2) {
          margin-top: 5px;
        }
      }
    }
  }
}