From aa26ca1d232313ece7efeb68248b80eb03bd813c Mon Sep 17 00:00:00 2001
From: Wumbo <58399748+WumboSpasm@users.noreply.github.com>
Date: Sun, 23 Jun 2024 16:41:37 -0400
Subject: [PATCH] web: Improve video modal

---
 web/packages/core/src/shadow-template.ts | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/web/packages/core/src/shadow-template.ts b/web/packages/core/src/shadow-template.ts
index 9b4039cd8..b0ac64d0a 100644
--- a/web/packages/core/src/shadow-template.ts
+++ b/web/packages/core/src/shadow-template.ts
@@ -411,13 +411,22 @@ export function applyStaticStyles(styleElement: HTMLStyleElement) {
             display: none;
         }`,
 
+        `#video-modal .modal-area {
+            width: 95%;
+            height: 95%;
+            box-sizing: border-box;
+        }`,
+
         `#video-holder {
-            padding-top: 20px;
+            height: 100%;
+            box-sizing: border-box;
+            padding: 36px 4px 6px;
         }`,
 
         `#video-holder video {
-            max-width: 100%;
-            height: calc(100% - 58px);
+            width: 100%;
+            height: 100%;
+            background-color: black;
         }`,
 
         `#volume-controls {