web: Improve video modal

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%;
+            width: 100%;
-            height: calc(100% - 58px);
+            height: 100%;
+            background-color: black;
         }`,
 
         `#volume-controls {