From 4fd54a085cb1a845a6627c26d53659f2a0305fc5 Mon Sep 17 00:00:00 2001
From: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Date: Sun, 17 Feb 2019 00:38:33 +0300
Subject: [PATCH] fix(client): improve search ui (#35146)

---
 client/src/components/Header/header.css | 33 +++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Header/header.css b/client/src/components/Header/header.css
index 299939e38c..d56e4c96d2 100644
--- a/client/src/components/Header/header.css
+++ b/client/src/components/Header/header.css
@@ -105,16 +105,45 @@ header {
 }
 
 .fcc_searchBar .ais-Hits {
-  width: 60%;
+  width: 100%;
+  left: 0;
 }
 
-@media (max-width: 735px) {
+@media (min-width: 480px) {
+  .fcc_searchBar .ais-Hits {
+    width: 90%;
+    left: 5%;
+  }
+}
+
+@media (min-width: 735px) {
   .fcc_searchBar .ais-Hits {
     width: 80%;
     left: 10%;
   }
 }
 
+@media (min-width: 992px) {
+  .fcc_searchBar {
+    position: relative;
+  }
+  .fcc_searchBar .ais-Hits {
+    width: calc(100% - 20px);
+    left: 10px;
+  }
+}
+
+/* hits */
+.fcc_searchBar .ais-Highlight-highlighted {
+  background-color: transparent;
+  font-style: normal;
+  font-weight: bold;
+}
+
+.fcc_searchBar .fcc_suggestion_item {
+  padding: 10px;
+}
+
 /* Navbar logo */
 
 .logo-glyph {