improve likes-dislikes bar usability

[github/Chocobozzz/PeerTube.git] / 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 15335b0b3696ee463f7d0921f94d84e797c60cf3..a8400c1962eaa6382e0993c2c992ce35821e10f9 100644 (file)
--- 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;