From d5c4cc2b4442ea49311bd2a2dc9d58bb54a8474e Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Thu, 16 Jan 2025 10:38:29 +0100
Subject: [PATCH] Fix video action dropdown placement

---
 .../video-miniature.component.scss                 | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/client/src/app/shared/shared-video-miniature/video-miniature.component.scss b/client/src/app/shared/shared-video-miniature/video-miniature.component.scss
index ce7da6464..2b790e772 100644
--- a/client/src/app/shared/shared-video-miniature/video-miniature.component.scss
+++ b/client/src/app/shared/shared-video-miniature/video-miniature.component.scss
@@ -12,6 +12,7 @@ $more-button-width: 40px;
 
 .video-name-container {
   display: flex;
+  align-items: center;
   min-width: 1px;
 }
 
@@ -68,7 +69,6 @@ my-actor-host {
 
 .video-actions {
   width: $more-button-width;
-  height: 30px;
 
   ::ng-deep .dropdown-root:not(.show) {
     opacity: 0;
@@ -78,12 +78,8 @@ my-actor-host {
     opacity: 1;
   }
 
-  ::ng-deep .more-icon {
-    opacity: .6;
-
-    &:hover {
-      opacity: 1;
-    }
+  ::ng-deep .dropdown-root > .dropdown-toggle {
+    --input-y-padding: 0;
   }
 }
 
@@ -145,10 +141,6 @@ my-actor-host {
     margin-top: 3px;
   }
 
-  .video-actions {
-    margin-top: 3px;
-  }
-
   @media screen and (max-width: $small-view) {
     width: 100%;
     margin-bottom: 25px;