From 2de7f588eb7185525cc8687872fed443a24fd27b Mon Sep 17 00:00:00 2001
From: Rigel Kent <sendmemail@rigelk.eu>
Date: Mon, 16 Dec 2019 00:13:31 +0100
Subject: improve likes-dislikes bar usability

---
 client/src/app/videos/+video-watch/video-watch.component.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

(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 15335b0b3..a8400c196 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -209,6 +209,7 @@ $video-info-margin-left: 44px;
       .video-actions-rates {
         margin: 0 0 10px 0;
         align-items: start;
+        align-self: end;
         width: max-content;
 
         .video-actions {
@@ -295,6 +296,15 @@ $video-info-margin-left: 44px;
           }
         }
 
+        .video-info-likes-dislikes-bar-outerContainer {
+          position: relative;
+        }
+
+        .video-info-likes-dislikes-bar-innerContainer {
+          position: absolute;
+          height: 30px;
+        }
+
         .video-info-likes-dislikes-bar {
           $likes-bar-height: 2px;
           height: $likes-bar-height;
-- 
cgit v1.2.3