Stack table vertically on mobile for better readability

2026-09-17 17:00:25 +00:00 · 2026-09-13 22:55:44 +02:00
parent a71ca2f536
commit 05cafca9fc
1 changed files with 15 additions and 0 deletions
@@ -18,6 +18,7 @@
            line-height: 1.6;
            font-size: 20px;
            overflow-x: hidden;
+            text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        }
        .header {
            display: flex;
@@ -114,6 +115,20 @@
            .program-info {
                text-align: left;
            }
+            .content table {
+                width: 100%;
+            }
+            .content table tr {
+                display: flex;
+                flex-direction: column;
+                margin-bottom: 0.8em;
+            }
+            .content table td {
+                padding-right: 0;
+            }
+            .content table td:first-child {
+                margin-bottom: 0.2em;
+            }
        }
 		th, td {
 		  text-align:left;