From 5def76ebba937594c77070dba14aff8f168ced24 Mon Sep 17 00:00:00 2001 From: Rigel Kent Date: Sat, 21 Dec 2019 09:25:02 +0100 Subject: Add autoplay tooltip, use of flex-wrap in video-info and other-videos --- client/src/app/videos/+video-watch/video-watch.component.scss | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) (limited to 'client/src/app/videos/+video-watch/video-watch.component.scss') 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 f9ff83c34..5da5a60dd 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss @@ -147,14 +147,13 @@ $video-info-margin-left: 44px; } .video-info-first-row-bottom { - display: grid; - grid-template-columns: 1fr auto; + display: flex; + flex-wrap: wrap; align-items: center; width: 100%; } .video-info-date-views { - flex-grow: 1; align-self: start; margin-bottom: 10px; margin-right: 10px; @@ -210,8 +209,8 @@ $video-info-margin-left: 44px; .video-actions-rates { margin: 0 0 10px 0; align-items: start; - align-self: end; width: max-content; + margin-left: auto; .video-actions { height: 40px; // Align with the title @@ -397,6 +396,10 @@ $video-info-margin-left: 44px; padding-left: 15px; min-width: $video-miniature-width; + @media screen and (min-width: 1800px - (3* $video-miniature-width)) { + width: min-content; + } + .title-page { margin: 0 !important; } -- cgit v1.2.3