Fix modal action alignment

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

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;
 }