From ca77e3443686c9d701174fed7f0bbf85f57dde5e Mon Sep 17 00:00:00 2001
From: Neo <nihgwu@live.com>
Date: Sat, 30 Sep 2017 23:26:52 +0800
Subject: [PATCH] tweak search style (#10985)

---
 www/src/components/LayoutHeader/Header.js | 1 +
 www/src/css/algolia.css                   | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/www/src/components/LayoutHeader/Header.js b/www/src/components/LayoutHeader/Header.js
index b2bb187d4f..40a58665fe 100644
--- a/www/src/components/LayoutHeader/Header.js
+++ b/www/src/components/LayoutHeader/Header.js
@@ -140,6 +140,7 @@ const Header = ({location}) => (
             flexDirection: 'row',
             alignItems: 'center',
             paddingLeft: '0.5rem',
+            paddingRight: '0.5rem',
 
             [media.lessThan('small')]: {
               justifyContent: 'flex-end',
diff --git a/www/src/css/algolia.css b/www/src/css/algolia.css
index e3bf084f2b..8d9ae45ed3 100644
--- a/www/src/css/algolia.css
+++ b/www/src/css/algolia.css
@@ -388,6 +388,13 @@
   padding: 8px 0;
   text-align: center;
   font-size: 1.2em;
+  background-color: #373940;
+  margin-top: -8px;
+}
+
+.algolia-autocomplete .algolia-docsearch-suggestion--no-results .algolia-docsearch-suggestion--text {
+  color: #ffffff;
+  margin-top: 4px;
 }
 
 .algolia-autocomplete .algolia-docsearch-suggestion--no-results::before {
@@ -419,7 +426,7 @@
 
 .algolia-autocomplete .algolia-docsearch-footer {
   width: 110px;
-  height: 20px;
+  height: 0px;
   z-index: 2000;
   float: right;
   font-size: 0;