From a99dbb1976ce11b1032654da469a7daafed61b67 Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Mon, 28 Jan 2019 21:27:21 -0800
Subject: [PATCH] fix: make search bar taller on widescreen (#1210)

---
 v1/lib/static/css/main.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/v1/lib/static/css/main.css b/v1/lib/static/css/main.css
index f5a8ad5e0c4c..0a7a57f7ffc4 100644
--- a/v1/lib/static/css/main.css
+++ b/v1/lib/static/css/main.css
@@ -934,6 +934,14 @@ input#search_input_react {
   width: 170px;
 }
 
+.navSearchWrapper:before {
+  left: 24px;
+}
+
+.navSearchWrapper:after {
+  left: 35px;
+}
+
 input#search_input_react:focus,
 input#search_input_react:active {
   color: #fff;
@@ -1368,7 +1376,7 @@ input::placeholder {
     font-size: 14px;
     line-height: 20px;
     outline: none;
-    padding-left: 25px;
+    padding-left: 38px;
     position: relative;
     transition: background-color 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55),
       width 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color 0.2s ease;
@@ -1426,6 +1434,13 @@ input::placeholder {
     top: auto;
   }
 
+  .reactNavSearchWrapper input#search_input_react {
+    height: 100%;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    padding-left: 38px;
+  }
+
   .navSearchWrapper .algolia-autocomplete {
     display: block;
   }