From 39b822a6f94ed4e0002b11c3adac382f414687e2 Mon Sep 17 00:00:00 2001
From: Thies Mueller <github@td00.de>
Date: Tue, 4 Jun 2024 22:12:14 +0200
Subject: [PATCH] mobile phone sizing

---
 a11y.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/a11y.css b/a11y.css
index f610405..d6f21e4 100644
--- a/a11y.css
+++ b/a11y.css
@@ -30,3 +30,25 @@
 body.opendyslexic {
     font-family: OpenDyslexic;
 }
+
+@media (max-width: 600px) {
+    #accessibility-btn {
+        bottom: 20px;
+        left: 20px;
+        width: 50px;
+        height: 50px;
+        padding: 0;
+        border-radius: 50%;
+    }
+
+    #accessibility-btn svg {
+        width: 1em;
+        height: 1em;
+    }
+
+    .accessibility-menu {
+        left: 20px;
+        right: 20px;
+        width: auto;
+    }
+}