From 0a6785d115b79eaafbd7944834fc8b3a7da089fd Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Thu, 1 Apr 2021 17:17:41 +0200
Subject: Increase videos grid margins on desktop

---
 client/src/sass/application.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'client/src')

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 4964ec85e..c01938147 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -342,11 +342,15 @@ ngx-loading-bar {
       --horizontalMarginContent: #{$expanded-horizontal-margins / 2};
     }
 
-    --videosHorizontalMarginContent: #{pvar(--horizontalMarginContent)};
+    --videosHorizontalMarginContent: 30px;
   }
 }
 
 @media screen and (max-width: #{breakpoint(lg)}) {
+  .main-col {
+    --videosHorizontalMarginContent: #{pvar(--horizontalMarginContent)};
+  }
+
   /* the following applies from 500px to 900px and is partially overriden from 500px to 800px by changes below to $small-view */
   .main-col,
   .main-col.expanded {
-- 
cgit v1.2.3