Merge pull request #4331 from webkom/frontpage-alignment-mobile

Fix header alignment on frontpage
webkom · Nov 21, 2023 · a166082 · a166082
2 parents b516659 + a76e661
commit a166082
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/app/routes/overview/components/CompactEvents.css b/app/routes/overview/components/CompactEvents.css
@@ -6,6 +6,10 @@
   white-space: nowrap;
   width: 100%;
   text-align: left;
+
+  @media (--small-viewport) {
+    flex-direction: column;
+  }
 }
 
 .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 {