increased search input spacing on mobile and desktop (#1129)

Author: tranhl

website/static/css/custom.css

@@ -127,9 +127,34 @@ a:visited {
 }
 
 @media only screen and (min-width: 1024px) {
+  .reactNavSearchWrapper input#search_input_react {
+    height: 100%;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    padding-left: 38px;
+  }
+
+  .navSearchWrapper:before {
+    left: 24px;
+  }
+
+  .navSearchWrapper:after {
+    left: 35px;
+  }
 }
 
 @media only screen and (max-width: 1023px) {
+  .reactNavSearchWrapper input#search_input_react {
+    padding-left: 38px;
+  }
+
+  .navSearchWrapper:before {
+    left: 24px;
+  }
+
+  .navSearchWrapper:after {
+    left: 35px;
+  }
 }
 
 @media only screen and (min-width: 1400px) {