X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bvideo-channels%2Fvideo-channel-playlists%2Fvideo-channel-playlists.component.scss;h=acd2e409e002ae563715dc037141eafd97f91ceb;hb=4d5e572f52e000034abb076e4bf7d7044d704f94;hp=fe9104794dc8627c049fefaee321279d369a5842;hpb=97567dd81f508dd6295ac4d73d849aa2ce0a6549;p=github%2FChocobozzz%2FPeerTube.git

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 fe9104794..acd2e409e 100644
--- 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,9 +1,32 @@
-.video-playlist {
+@import '_variables';
+@import '_mixins';
+@import '_miniature';
+
+.playlists {
   display: flex;
+  flex-wrap: wrap;
   justify-content: center;
 
-  my-video-playlist-miniature {
+  .playlist-wrapper {
     margin-right: 15px;
     margin-bottom: 30px;
   }
 }
+
+.margin-content {
+  @include grid-videos-miniature-layout;
+}
+
+@media screen and (max-width: $mobile-view) {
+  .title-page {
+    display: block;
+    text-align: center;
+  }
+
+  .playlists {
+    justify-content: left;
+
+    margin-left: pvar(--horizontalMarginContent) !important;
+    margin-right: pvar(--horizontalMarginContent) !important;
+  }
+}