fix: vertical centering of video and external icon wrapping

static/css/video_modal.css

@@ -5,9 +5,9 @@
 
 /* Modal - Desktop: Centered, Mobile: Fullscreen */
 #videoModal .modal-dialog {
-    max-width: 1100px; /* Increased from 900px */
+    max-width: 1100px;
     margin: 30px auto;
-    height: auto;
+    height: 85vh; /* Larger modal height » half-sizeish */
 }
 #videoModal .modal-content {
     border-radius: 12px !important;
@@ -199,9 +199,10 @@
 }
 .external-players-grid {
     display: flex;
-    flex-wrap: wrap; /* Allow wrapping to multiple lines */
+    flex-wrap: wrap; /* Allow wrapping */
     justify-content: center;
     gap: 10px;
+    width: 100%; /* Ensure it takes full width to trigger wrap */
 }
 .ext-player-btn {
     display: flex;
@@ -262,8 +263,9 @@
         flex-direction: column;
     }
     #video-player {
-        max-height: 100vh !important;
-        height: 100% !important;
+        width: 100% !important;
+        height: auto !important; /* Remove height: 100% to allow centering */
+        max-width: 100%;
     }
     .video-container {
         flex: 1;