From 7a56b0fe70acbb913f52c45d4bdaaf1b2b610cc0 Mon Sep 17 00:00:00 2001
From: Rahix <rahix@rahix.de>
Date: Sat, 5 Oct 2024 02:50:18 +0200
Subject: [PATCH] succd: Fix mobile layout

Use smaller font sizes for mobile devices so the full interface fits on
a single screen (mostly).
---
 succbone/succd/index.html | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/succbone/succd/index.html b/succbone/succd/index.html
index 2a9cfaa..90ad5e3 100644
--- a/succbone/succd/index.html
+++ b/succbone/succd/index.html
@@ -69,6 +69,18 @@ td > span {
     column-gap: 2em;
     row-gap: 2em;
 }
+
+@media only screen and (max-width: 700px) {
+    body {
+        font-size: 6px;
+    }
+    table {
+        font-size: 20px;
+    }
+    th {
+        font-size: 15px;
+    }
+}
 </style>
 
 <div class="logo"><img src="/favicon.png" /></div>