From 306b92cf56c0fa868f5f4e053855cd821e4fa452 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Tue, 4 Aug 2020 02:34:15 +0200
Subject: [PATCH] make filters bigger on touch screens etc

---
 style/shiny/base.css    |  2 +-
 style/shiny/gallery.css | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/style/shiny/base.css b/style/shiny/base.css
index a2f8959..662d82d 100644
--- a/style/shiny/base.css
+++ b/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;
diff --git a/style/shiny/gallery.css b/style/shiny/gallery.css
index 845674c..7fe62fc 100644
--- a/style/shiny/gallery.css
+++ b/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%;
+  }
+}