Fixed mobile layout not rendering on 1 column only

Author: Herve Tribouilloy

vite_project/src/styles/booking-system.dashboard.css

@@ -4,21 +4,25 @@
 }
 
 .week-event-list {
-    display: flex;
-    align-items: flex-start;
-    gap: 0.75rem;
     opacity: 0.6;
     animation: contentFadeIn 900ms ease forwards;
     position: relative;
 }
 
+.week-event-list[data-layout="desktop"] {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.75rem;
+}
+
 @keyframes contentFadeIn {
     to {
         opacity: 1;
     }
 }
 
 .week-event-list[data-layout="mobile"] {
+    display: grid;
     grid-template-columns: 1fr;
     position: relative;
 }