diff --git a/test_data/src/style/common.css b/test_data/src/style/common.css
index c890b59..29d047d 100644
--- a/test_data/src/style/common.css
+++ b/test_data/src/style/common.css
@@ -405,7 +405,7 @@
 
 
         div#frags>div {
-          margin-right:30px;
+          margin-right:70px;
           max-width: 450px;
         }
       }
@@ -418,7 +418,7 @@
         padding-top: 50px;
         display: inline-block;
         vertical-align: top;
-        padding:20px;
+        /* padding:20px; */
       }
 
       div#frags>a {
@@ -429,16 +429,16 @@
         font-style: italic;
       }
     
-      figure img{width:100%; max-width: calc(100vw - 80px)}
+      figure img{width:100%; max-width: calc(100vw - 40px)}
+      video {width:100%; max-width: calc(100vw - 40px)}
+      .x-empty, .plain, .rtf, .unkown-file, .quicktime, video, .pdf{width:100%; max-width: calc(100vw - 40px);}
       /* .pdf{width:100%; max-width: calc(100vw - 80px); height: 600px;}
       .x-empty, .plain, .rtf, .unkown-file, .quicktime, video, .pdf{width:100%; max-width: calc(100vw - 80px)} */
-      video {width:100%; max-width: calc(100vw - 80px)}
       .dir::before{content:"📁 ";font-size:18px;}
       .filename{display:block;font-family:mono;}
       .unkown-file::before{content:"📄 ";font-size:18px;}
       /* div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;} */
       /* .pdf object{width:100%; height: 450px;} */
-      .x-empty, .plain, .rtf, .unkown-file, .quicktime, video, .pdf{width:100%; max-width: calc(100vw - 80px);}
 
 
       @keyframes anim_tranparency {