Account/channel videos display as rows

[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 fe9104794dc8627c049fefaee321279d369a5842..acd2e409e002ae563715dc037141eafd97f91ceb 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,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;
+  }
+}