Stack table vertically on mobile for better readability

This commit is contained in:
2026-09-13 22:55:44 +02:00
parent a71ca2f536
commit 05cafca9fc
+15
View File
@@ -18,6 +18,7 @@
line-height: 1.6; line-height: 1.6;
font-size: 20px; font-size: 20px;
overflow-x: hidden; overflow-x: hidden;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
} }
.header { .header {
display: flex; display: flex;
@@ -114,6 +115,20 @@
.program-info { .program-info {
text-align: left; 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 { th, td {
text-align:left; text-align:left;