Better homepage spacing

Chocobozzz · Dec 2, 2024 · 1fc09ce · 1fc09ce
1 parent d7c48ff
commit 1fc09ce
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/client/src/sass/custom-markup.scss b/client/src/sass/custom-markup.scss
@@ -3,14 +3,15 @@ peertube-container {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
+    gap: 2rem;
   }
 
   > .layout-column {
     display: flex;
     flex-direction: column;
   }
 
-  > .header {
+   .header {
     margin: 30px 0 15px;
 
     > h4 {
@@ -19,8 +20,11 @@ peertube-container {
   }
 }
 
-peertube-video-miniature,
-peertube-playlist-miniature,
-peertube-channel-miniature {
-  margin-inline-end: 30px;
+// Workaround to detect iOS that doesn't support gap in flexbox
+@supports not (inset: 0) {
+  peertube-video-miniature,
+  peertube-playlist-miniature,
+  peertube-channel-miniature {
+    margin-inline-end: 2rem;
+  }
 }