From 1689176a7bff6edd90d162994cccec2e4bfe9a45 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Fri, 29 Nov 2019 16:20:23 +0100
Subject: Fix channel playlist miniatures overflow

---
 .../video-channel-playlists/video-channel-playlists.component.html     | 2 +-
 .../video-channel-playlists/video-channel-playlists.component.scss     | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

(limited to 'client/src/app')

diff --git a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.html b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.html
index 1adc50180..3990e73da 100644
--- a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.html
+++ b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.html
@@ -5,7 +5,7 @@
 <div i18n class="no-results" *ngIf="pagination.totalItems === 0">This channel does not have playlists.</div>
 
 <div class="video-playlist" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()">
-  <div *ngFor="let playlist of videoPlaylists">
+  <div *ngFor="let playlist of videoPlaylists" class="playlist-miniature-container">
     <my-video-playlist-miniature [playlist]="playlist" [toManage]="false"></my-video-playlist-miniature>
   </div>
 </div>
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..f0fe7503f 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,8 +1,9 @@
 .video-playlist {
   display: flex;
+  flex-wrap: wrap;
   justify-content: center;
 
-  my-video-playlist-miniature {
+  .playlist-miniature-container {
     margin-right: 15px;
     margin-bottom: 30px;
   }
-- 
cgit v1.2.3