From c8277d71391cca2a32ab0258956df1663fe6d301 Mon Sep 17 00:00:00 2001 From: Rigel Kent Date: Tue, 17 Dec 2019 22:42:19 +0100 Subject: (css) optimize .other-videos width --- client/src/app/shared/video/video-miniature.component.scss | 1 - client/src/app/videos/+video-watch/video-watch.component.scss | 6 ++++-- 2 files changed, 4 insertions(+), 3 deletions(-) (limited to 'client/src/app') diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss index 03e15afff..4789c2454 100644 --- a/client/src/app/shared/video/video-miniature.component.scss +++ b/client/src/app/shared/video/video-miniature.component.scss @@ -64,7 +64,6 @@ $more-margin-right: 10px; .video-actions { margin-top: 3px; - margin-right: $more-margin-right; width: $more-button-width; height: 30px; diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss index 81c319950..fe6a891d5 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss @@ -406,9 +406,11 @@ $video-info-margin-left: 44px; height: 100%; margin-bottom: 20px; flex-wrap: wrap; + } - .video-thumbnail { - margin-right: 10px + .video-bottom { + @media screen and (max-width: 1800px - (3* $video-miniature-width)) { + margin-left: 1rem; } } } -- cgit v1.2.3