diff options
-rw-r--r-- | client/src/app/shared/video/video-miniature.component.scss | 7 |
1 files changed, 4 insertions, 3 deletions
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; | |||
8 | .video-miniature { | 8 | .video-miniature { |
9 | display: inline-flex; | 9 | display: inline-flex; |
10 | flex-direction: column; | 10 | flex-direction: column; |
11 | margin-bottom: $video-miniature-margin-bottom; | 11 | padding-bottom: $video-miniature-margin-bottom; |
12 | height: 195px; | 12 | height: 195px; |
13 | vertical-align: top; | 13 | vertical-align: top; |
14 | overflow: hidden; | ||
14 | 15 | ||
15 | .video-bottom { | 16 | .video-bottom { |
16 | display: flex; | 17 | display: flex; |
@@ -109,7 +110,7 @@ $more-margin-right: 15px; | |||
109 | &.fit-width { | 110 | &.fit-width { |
110 | width: 100%; | 111 | width: 100%; |
111 | height: unset; | 112 | height: unset; |
112 | margin-bottom: $video-miniature-margin-bottom / 2; | 113 | padding-bottom: $video-miniature-margin-bottom / 2; |
113 | 114 | ||
114 | .video-bottom { | 115 | .video-bottom { |
115 | width: 100% !important; | 116 | width: 100% !important; |
@@ -126,7 +127,7 @@ $more-margin-right: 15px; | |||
126 | 127 | ||
127 | &.display-as-row { | 128 | &.display-as-row { |
128 | flex-direction: row; | 129 | flex-direction: row; |
129 | margin-bottom: 0; | 130 | padding-bottom: 0; |
130 | height: auto; | 131 | height: auto; |
131 | display: flex; | 132 | display: flex; |
132 | flex-grow: 1; | 133 | flex-grow: 1; |