From c2ef20b9851b0debd7ae852aca98abb333c07212 Mon Sep 17 00:00:00 2001
From: Christian Wolf <github@christianwolf.email>
Date: Sun, 7 Jan 2024 15:55:19 +0100
Subject: [PATCH] Make time tables responsive

---
 themes/tsc_vfl/assets/css/main.scss | 40 +++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss
index 09de81b..231888e 100644
--- a/themes/tsc_vfl/assets/css/main.scss
+++ b/themes/tsc_vfl/assets/css/main.scss
@@ -700,6 +700,46 @@ h1 {
     }
 }
 
+table.time {
+    // width: 100%;
+    display: flex;
+    flex-direction: column;
+    tr {
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+
+        td:nth-child(1) {
+            font-weight: bold;
+        }
+        
+    }
+    tr:first-child {
+        display: none;
+    }
+
+    &.time-no-age {
+        td:nth-child(3)::before {
+            content: "Uhrzeit: ";
+        }
+        td:nth-child(4)::before {
+            content: "Ort: ";
+        }
+    }
+    
+    &.time-age {
+        td:nth-child(2)::before {
+            content: "Jahrgang: ";
+        }
+        td:nth-child(4)::before {
+            content: "Uhrzeit: ";
+        }
+        td:nth-child(5)::before {
+            content: "Ort: ";
+        }
+    }
+}
+
 .iframe-generic {
     display: block;
     width: 100%;