From 4d367ff40d4504620d0f7761fda1941e32fe7919 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Mon, 18 Nov 2024 17:59:10 +0100
Subject: [PATCH] Fix attendance overview layout on mobile

---
 client/src/pages/cockpit/cockpitPage/AttendanceOverview.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/cockpit/cockpitPage/AttendanceOverview.vue b/client/src/pages/cockpit/cockpitPage/AttendanceOverview.vue
index 30b468b5..597956a9 100644
--- a/client/src/pages/cockpit/cockpitPage/AttendanceOverview.vue
+++ b/client/src/pages/cockpit/cockpitPage/AttendanceOverview.vue
@@ -51,7 +51,9 @@ const formattedCourseDueDate = computed(() => {
 </script>
 
 <template>
-  <div class="my-4 flex flex-row items-center justify-between bg-white p-6 lg:my-0">
+  <div
+    class="my-4 flex flex-col items-start justify-between gap-4 bg-white p-6 lg:my-0 lg:flex-row lg:items-center lg:gap-0"
+  >
     <div>
       <h2 class="text-base font-bold">Präsenzkurs</h2>
       <p class="text-sm text-gray-800">{{ formattedCourseDueDate }}</p>