From 38204b9cb1ab93baae2b916f46c8d1c99cdfe912 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Mon, 29 May 2017 13:24:15 -0700
Subject: [PATCH] redesign slightly to make entries full width in dropdown
 menu, like bootstrap's menus

---
 assets/scss/_algolia.scss | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/assets/scss/_algolia.scss b/assets/scss/_algolia.scss
index 1cc12a5832..f742fe8af7 100644
--- a/assets/scss/_algolia.scss
+++ b/assets/scss/_algolia.scss
@@ -10,6 +10,7 @@
     width: 100%;
     min-width: 0 !important;
     max-width: none !important;
+    padding: 8px 0 !important;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgba(0,0,0,.1);
@@ -21,13 +22,24 @@
     }
 
     [class^=ds-dataset-] {
+      padding: 0 !important;
+      overflow: visible !important;
       background-color: transparent !important;
       border: 0 !important;
     }
+
+    .ds-suggestions {
+      margin-top: 0 !important;
+    }
+  }
+
+  .algolia-docsearch-suggestion {
+    padding: 0 !important;
+    overflow: visible !important;
   }
 
   .algolia-docsearch-suggestion--category-header {
-    padding: .125rem 0 !important;
+    padding: .125rem 15px !important;
     margin-top: 0 !important;
     font-size: .75rem !important;
     font-weight: 500 !important;
@@ -71,6 +83,8 @@
   }
 
   .algolia-docsearch-suggestion--title {
+    display: block;
+    padding: 0 15px !important;
     font-size: .875rem !important;
     font-weight: 400 !important;
   }