css: Expand search bar only on wide screens.

diff --git a/assets/css/screen.css b/assets/css/screen.css
index c7a151eae81daf6b2556996496cbaa1b2022c1e2..4aedb400604667c6e629ca02d3cc9ac3569e2ce2 100644 (file)
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -88,8 +88,16 @@ tr.important td:nth-child(1) {
     padding: 0;
 }
 
-#search input:focus {
-    width: 500px;
+@media (min-width: 576px) {
+    #search input:focus {
+        width: 400px;
+    }
+}
+
+@media (min-width: 768px) {
+    #search input:focus {
+        width: 500px;
+    }
 }
 
 footer {