From: Rigel Kent <sendmemail@rigelk.eu>
Date: Thu, 11 Jun 2020 10:23:01 +0000 (+0200)
Subject: prevent video-bottom overflow in video-miniature
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=a7257b0e3e2961cd0885d9fcb5f7723a31998a98;p=oweals%2Fpeertube.git

prevent video-bottom overflow in video-miniature
---

diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss
index 34f34f228..1e5580b9a 100644
--- a/client/src/app/shared/video/video-miniature.component.scss
+++ b/client/src/app/shared/video/video-miniature.component.scss
@@ -8,9 +8,10 @@ $more-margin-right: 15px;
 .video-miniature {
   display: inline-flex;
   flex-direction: column;
-  margin-bottom: $video-miniature-margin-bottom;
+  padding-bottom: $video-miniature-margin-bottom;
   height: 195px;
   vertical-align: top;
+  overflow: hidden;
 
   .video-bottom {
     display: flex;
@@ -109,7 +110,7 @@ $more-margin-right: 15px;
   &.fit-width {
     width: 100%;
     height: unset;
-    margin-bottom: $video-miniature-margin-bottom / 2;
+    padding-bottom: $video-miniature-margin-bottom / 2;
 
     .video-bottom {
       width: 100% !important;
@@ -126,7 +127,7 @@ $more-margin-right: 15px;
 
   &.display-as-row {
     flex-direction: row;
-    margin-bottom: 0;
+    padding-bottom: 0;
     height: auto;
     display: flex;
     flex-grow: 1;