From 780c00157ee4acdc47df82fe634e45ff4a52edbd Mon Sep 17 00:00:00 2001
From: projectdx <com114@gmail.com>
Date: Sun, 4 Jan 2026 19:44:16 +0900
Subject: [PATCH] fix: vertical centering of video and external icon wrapping

---
 info.yaml                  |  2 +-
 static/css/video_modal.css | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/info.yaml b/info.yaml
index 3efe424..b13660e 100644
--- a/info.yaml
+++ b/info.yaml
@@ -1,5 +1,5 @@
 title: "애니 다운로더"
-version: "0.5.30"
+version: "0.5.31"
 package_name: "anime_downloader"
 developer: "projectdx"
 description: "anime downloader"
diff --git a/static/css/video_modal.css b/static/css/video_modal.css
index 95b975f..99d3b48 100644
--- a/static/css/video_modal.css
+++ b/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;