succd: Fix mobile layout

Use smaller font sizes for mobile devices so the full interface fits on a single screen (mostly).
2024-10-05 02:50:18 +02:00 · 2024-10-05 02:50:18 +02:00 · 7a56b0fe70
parent f4339e54ef
commit 7a56b0fe70
1 changed files with 12 additions and 0 deletions
--- 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>