save file

Author: javascript-2020

utils/video/video-thumbnail-generator/video-thumbnail-generator.html

@@ -159,6 +159,11 @@
   .spc  
     {flex:1}
 
+  #video-root
+    {display:flex;gap:20px}
+  #video-root>div
+    {display:flex;flex-direction:column;gap:10px}
+    
   #output
     {border:1px solid lightgray;padding:10px;border-radius:10px;white-space:pre-wrap;overflow:auto;font-size:16px;font-family:monospace;flex:1}
 
@@ -208,12 +213,17 @@ <h1 slot=seo-hdr class=visually-hidden>video thumbnail generator</h1>
                   <input value=generate type=button>
             </div>
 
-            <div>
+            <div id=video-root>
                   <video controls></video>
-                  <span id=video-filename></span>
-                  <span id=video-size></span>
-                  <span id=video-width></span>
-                  <span id=video-height></span>
+                  <div>
+                        <span id=video-filename></span>
+                        <span id=video-size></span>
+                        <div>
+                              <span id=video-width>-</span>
+                              x
+                              <span id=video-height>-</span>
+                        </div>
+                  </div>
             </div>
             <div>
                   <img id=thumbnail>