diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss index 27955cc3b..c350192f4 100644 --- a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss @@ -42,9 +42,6 @@ .miniature-name { @include miniature-name; - - margin-top: 10px; - margin-bottom: 5px; } .by { @@ -76,6 +73,11 @@ .miniature:not(.display-as-row) { + .miniature-name { + margin-top: 10px; + margin-bottom: 5px; + } + .miniature-thumbnail { @include block-ratio($selector: '::ng-deep a'); @@ -90,6 +92,10 @@ display: flex; + .miniature-name { + @include ellipsis-multiline($video-miniature-row-name-font-size, 2); + } + .miniature-thumbnail { @include margin-right(10px);