From a7257b0e3e2961cd0885d9fcb5f7723a31998a98 Mon Sep 17 00:00:00 2001
From: Rigel Kent <sendmemail@rigelk.eu>
Date: Thu, 11 Jun 2020 12:23:01 +0200
Subject: prevent video-bottom overflow in video-miniature

---
 client/src/app/shared/video/video-miniature.component.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'client/src/app/shared/video')

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;
-- 
cgit v1.2.3