From 85912595e8ff1e851f383a83d25ba1b48de34dd2 Mon Sep 17 00:00:00 2001
From: Alasdair Smith <ali@alasdairsmith.co.uk>
Date: Thu, 11 Oct 2018 12:09:42 +0100
Subject: [PATCH] Port addsearch styles from v1

---
 .../public/stylesheets/app/templates-v2.less  | 75 ++++++++++++++++++-
 1 file changed, 74 insertions(+), 1 deletion(-)

diff --git a/services/web/public/stylesheets/app/templates-v2.less b/services/web/public/stylesheets/app/templates-v2.less
index 8d8358a6b4..afdca4a3da 100644
--- a/services/web/public/stylesheets/app/templates-v2.less
+++ b/services/web/public/stylesheets/app/templates-v2.less
@@ -103,4 +103,77 @@
 .section-tags {
 	margin-bottom: @margin-xl;
 	margin-top: @margin-md;
-}
\ No newline at end of file
+}
+
+.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;
+
+      // 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: @ol-green !important;
+      }
+
+      &:hover a {
+        color: @ol-dark-green !important;
+      }
+    }
+  }
+
+  #addsearch-results-bottom {
+    height: auto !important;
+    background: none !important;
+    padding-top: 0 !important;
+
+    #addsearch-rp-paging {
+      margin-bottom: 10px;
+
+      a {
+        color: @ol-green !important;
+
+        &.currentResultPage {
+          color: @ol-blue-gray-5 !important;
+        }
+      }
+    }
+  }
+
+  #addsearch-logo {
+    display: none !important;
+  }
+}