From ba024a25c7cf37cdaecafb8d805a49505f461785 Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Tue, 17 Apr 2018 08:17:20 -0700
Subject: [PATCH] Fix search bar width for mobile nav (#575)

* Shorten search bar width for mobile nav

* Remove min-device-width

* Use max-width
---
 lib/static/css/main.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/static/css/main.css b/lib/static/css/main.css
index 207cc33e0b06..28de54054428 100644
--- a/lib/static/css/main.css
+++ b/lib/static/css/main.css
@@ -709,9 +709,9 @@ input#search_input_react:focus, input#search_input_react:active {
   color: #fff;
   width: 220px;
 }
-@media only screen and (min-device-width: 360px) and (max-device-width: 735px) {
+@media only screen and (max-width: 735px) {
   .navSearchWrapper {
-    width: 50%;
+    width: 40%;
   }
 }
 input::-webkit-input-placeholder {