Make some menu elements smaller on narrow screens

macrovision.css

@@ -467,10 +467,11 @@ body.toggle-bottom-name .bottom-name {
     display: inline;
 }
 
+#menubar input,
 #menubar select {
     font-size: 16pt;
-    max-width: 200pt;
-    min-width: 120pt;
+    max-width: 120pt;
+    min-width: 60pt;
     height: 40pt;
     max-height: 180pt;
     overflow: hidden;
@@ -479,6 +480,13 @@ body.toggle-bottom-name .bottom-name {
     text-overflow: ellipsis;
 }
 
+@media (min-width: 600px) {
+    #menubar input,
+    #menubar select {
+        max-width: 200pt;
+    }
+}
+
 #menubar button {
     position: relative;
     font-size: 32pt;
@@ -673,11 +681,15 @@ option.filtered {
     display: none;
 }
 
-#spawners > select,
-#filters > select {
-    font-size: 24pt;
+@media (min-width: 600px)
+{
+    #spawners > select,
+    #filters > select {
+        font-size: 24pt;
+    }
 }
 
+
 #spawners > button {
     font-size: 30pt;
 }