From b7806dac6c0c805bd51dc36e79f5c03ec4af3d92 Mon Sep 17 00:00:00 2001
From: Joerg Wunsch <j@uriah.heep.sax.de>
Date: Sun, 9 Jun 2024 11:17:10 +0200
Subject: [PATCH] Increase font size on narrow screens

Improves readability on mobile devices.
---
 docs/style.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/style.css b/docs/style.css
index 68008b83..c4d565ea 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -31,9 +31,14 @@ a:hover {
 .toplogo { display: none; }
 .row .col .logo   { flex: 1 1 100%; }
 
-/* For narrow screens (mobile devices), put logo on top instead. */
+/* For narrow screens (mobile devices), put logo on top instead,
+   and increase font size. */
 @media screen and (max-width : 1000px){
     .row [class*="logo"] { display: none; }
     .toplogo { display: block; }
     .row [class*="col"] { width: 100%; padding: 0  0.6rem; }
+
+    body {
+        font-size: 20pt;
+    }
 }