diff --git a/services/web/frontend/stylesheets/app/templates-v2.less b/services/web/frontend/stylesheets/app/templates-v2.less index b3e7962bca..8a68ef1a01 100644 --- a/services/web/frontend/stylesheets/app/templates-v2.less +++ b/services/web/frontend/stylesheets/app/templates-v2.less @@ -162,3 +162,80 @@ margin-bottom: @margin-xl; margin-top: @margin-md; } + +.search__container--addsearch { + .search__input-bar { + display: flex; + } + + .search__input { + flex: 1; + margin-right: 10px; + padding: 0 10px; + } + + // AddSearch overrides + #addsearch-results { + min-height: 0 !important; + + .addsearch-result-item-container { + background-size: auto 80px !important; // Resize image to be smaller + padding: 10px; + margin-left: 10px; + margin-right: 10px; + border-bottom: 2px solid rgb(236, 236, 236); + } + + .addsearch-result-item-sub { + min-height: 0 !important; + background: none !important; + border-bottom: none !important; + + h2 { + font-family: @font-family-sans-serif; + } + + // Unfortunately AddSearch doesn't add very useful classes, so have to use + // some horrible nesting :/ + & > div { + min-height: 0 !important; + padding-left: 90px !important; + + // Hide some unnecessary metadata + span { + display: none !important; + } + } + + a { + color: @link-color-alt !important; + } + + &:hover a { + color: @link-hover-color-alt !important; + } + } + } + + #addsearch-results-bottom { + height: auto !important; + background: none !important; + padding-top: 0 !important; + + #addsearch-rp-paging { + margin-bottom: 10px; + + a { + color: @link-color-alt !important; + + &.currentResultPage { + color: @ol-blue-gray-5 !important; + } + } + } + } + + #addsearch-logo { + display: none !important; + } +}