Wrap compactevents on mobile

webkom · Nov 21, 2023 · d31b31e · d31b31e
1 parent 4fc07f6
commit d31b31e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/app/routes/overview/components/CompactEvents.css b/app/routes/overview/components/CompactEvents.css
@@ -6,6 +6,9 @@
   white-space: nowrap;
   width: 100%;
   text-align: left;
+  @media (--small-viewport) {
+    flex-direction: column;
+  }
 }
 
 .compactLeft {
@@ -16,10 +19,6 @@
   .compactLeft h3 {
     margin-top: 0;
   }
-
-  .compactRight h3 {
-    margin-top: 0;
-  }
 }
 
 .compactLeft,

diff --git a/app/styles/utilities.css b/app/styles/utilities.css
@@ -95,10 +95,15 @@ html[data-theme='dark'] .contentContainer {
     margin-bottom: 0.8rem;
 
     @media (--mobile-device) {
+      margin-top: 0;
       padding: 0;
       margin-bottom: 10px;
       margin-left: 0.5rem;
     }
+
+    @media (--small-viewport) {
+      margin-top: 2rem;
+    }
   }
 
   .secondaryFontColor {