css: Expand search bar only on wide screens.
authorRicardo Wurmus <rekado@elephly.net>
Tue, 31 Mar 2020 06:52:36 +0000 (08:52 +0200)
committerRicardo Wurmus <rekado@elephly.net>
Tue, 31 Mar 2020 06:52:36 +0000 (08:52 +0200)
assets/css/screen.css

index c7a151eae81daf6b2556996496cbaa1b2022c1e2..4aedb400604667c6e629ca02d3cc9ac3569e2ce2 100644 (file)
@@ -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 {