make filters bigger on touch screens etc

style/shiny/base.css

@@ -18,7 +18,7 @@
   --focus-text: hsl(334deg, 87%, 90%);
 
   font-family: Muller;
-  font-size: 18pt;
+  font-size: x-large;
   font-weight: 600;
 
   background: var(--gradient) fixed;

style/shiny/gallery.css

@@ -38,6 +38,15 @@ body {
   text-align: left;
 }
 
+@media (max-width: 80rem) {
+  #filters div {
+    grid-template-columns: auto;
+  }
+  #filters h3, #clear {
+    text-align: left;
+  }
+}
+
 #filters ul {
   font-weight: 400;
   font-size: 90%;
@@ -214,3 +223,9 @@ footer {
     margin-bottom: 0;
   }
 }
+
+@media (pointer: coarse) {
+  #filters label {
+    font-size: 150%;
+  }
+}