+ Add cover for screen.

module/screen/css/browse.css

@@ -8,7 +8,7 @@
 .screen {border-radius: 4px; border: solid 1px #ddd; margin-bottom: 20px; position: relative;}
 .screen .top {text-align: center; min-height:182px; position:relative;}
 .screen .top.img {height: 182px; text-align: center;}
-.screen .top.img img {height:100%; width:auto}
+.screen .top.img img {height:100%; overflow: hidden; object-fit: cover; object-position: top;}
 .screen .top .image {height:100%; display:flex; align-items:center; justify-content:center;}
 .screen .top .image i {font-size:100px;}
 .screen .top .image i:before {content: '\f1c5';}

module/screen/css/view.css

@@ -2,3 +2,4 @@
 .go-preview-scale > div {margin: 0 auto !important;}
 .go-preview.scrollY {background: #001028 !important;}
 .go-preview-entity {width: auto !important; height: auto !important;}
+.hint-layer {width: 400px; white-space: break-spaces!important;}

module/screen/view/browse.html.php

@@ -14,9 +14,9 @@
         <div class='col-md-3' data-id='<?php echo $screenID;?>'>
           <a href='<?php echo $viewLink?>' target="_blank" />
             <div class='screen'>
-              <?php if(!empty($file)):?>
+              <?php if(!empty($screen->cover)):?>
               <div class='top img'>
-                <img src='<?php echo $file->webPath;?>' controls='controls' width='100%'/>
+                <img src='<?php echo $screen->cover;?>' controls='controls' width='100%'/>
               </div>
               <?php else:?>
               <div class='top img bg<?php echo $i?>'>