Move admin stuff in +admin

[github/Chocobozzz/PeerTube.git] / client / src / app / +video-channels / video-channel-playlists / video-channel-playlists.component.scss

diff --git a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
index c6ef15ba5f2936b1e768d3d1c78022a67ae80ce4..588efd062f5021544a511d5114bf0dddd0a70d59 100644 (file)
--- a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
+++ b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
@@ -1,6 +1,6 @@
-@import '_variables';
-@import '_mixins';
-@import '_miniature';
+@use '_variables' as *;
+@use '_mixins' as *;
+@use '_miniature' as *;
 
 .playlists {
   display: flex;
@@ -8,13 +8,13 @@
   justify-content: center;
 
   .playlist-wrapper {
-    margin-right: 15px;
+    @include margin-right(15px);
     padding-bottom: 15px;
   }
 }
 
 .margin-content {
-  @include grid-videos-miniature-layout;
+  @include grid-videos-miniature-layout-with-margins;
 }
 
 @media screen and (max-width: $mobile-view) {
@@ -24,9 +24,9 @@
   }
 
   .playlists {
-    justify-content: left;
+    @include margin-left(pvar(--horizontalMarginContent) !important);
+    @include margin-right(pvar(--horizontalMarginContent) !important);
 
-    margin-left: pvar(--horizontalMarginContent) !important;
-    margin-right: pvar(--horizontalMarginContent) !important;
+    justify-content: left;
   }
 }