From 0d5a8f40178588f0e936cfa17582a0da732a8dbd Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Sun, 28 Sep 2025 11:15:35 -0400
Subject: [PATCH] Fix modal action alignment

---
 components/video-modal.html |  4 ++--
 css/style.css               | 12 ++++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/components/video-modal.html b/components/video-modal.html
index 17cb283c..7e3e165c 100644
--- a/components/video-modal.html
+++ b/components/video-modal.html
@@ -31,7 +31,7 @@
               <path d="M15 18l-6-6 6-6" />
             </svg>
           </button>
-          <div class="flex items-center ml-auto space-x-2">
+          <div class="modal-actions">
             <button id="copyMagnetBtn" class="icon-button">
               <img
                 src="assets/svg/copy-magnet.svg"
@@ -59,7 +59,7 @@
               />
             </button>
             <div
-              class="relative overflow-visible"
+              class="modal-actions__overflow"
               data-more-menu-wrapper="true"
             >
               <button
diff --git a/css/style.css b/css/style.css
index 8ce96d36..14129e42 100644
--- a/css/style.css
+++ b/css/style.css
@@ -335,6 +335,18 @@ header img {
   z-index: 60;
 }
 
+.modal-actions {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.modal-actions__overflow {
+  position: relative;
+  overflow: visible;
+}
+
 [data-more-menu="true"] {
   z-index: 70;
 }