From 7f82a197b921cbff05eea63dfc7a409bf692d7f9 Mon Sep 17 00:00:00 2001
From: Michael Bryan <michaelfbryan@gmail.com>
Date: Tue, 10 Apr 2018 22:02:27 +0800
Subject: [PATCH] Fixes the search box overlapping with content when first
 shown (#666)

---
 src/theme/book.css              | 1 +
 src/theme/stylus/searchbar.styl | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/src/theme/book.css b/src/theme/book.css
index c5c02f23..111024e5 100644
--- a/src/theme/book.css
+++ b/src/theme/book.css
@@ -1417,6 +1417,7 @@ mark.fade-out {
   margin-left: auto;
   margin-right: auto;
   max-width: 750px;
+  display: block;
 }
 #searchbar {
   width: 100%;
diff --git a/src/theme/stylus/searchbar.styl b/src/theme/stylus/searchbar.styl
index 4d1914ba..157f153f 100644
--- a/src/theme/stylus/searchbar.styl
+++ b/src/theme/stylus/searchbar.styl
@@ -21,6 +21,7 @@ mark.fade-out {
     margin-left: auto;
     margin-right: auto;
     max-width: $content-max-width;
+    display: block;
 }
 
 #searchbar {
@@ -64,3 +65,4 @@ ul#searchresults {
         font-style: normal;
     }
 }
+