From: Chocobozzz <me@florianbigard.com>
Date: Fri, 29 Nov 2019 15:20:23 +0000 (+0100)
Subject: Fix channel playlist miniatures overflow
X-Git-Tag: v2.1.0-rc.1~287
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=1689176a7bff6edd90d162994cccec2e4bfe9a45;p=oweals%2Fpeertube.git

Fix channel playlist miniatures overflow
---

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;
   }