improved poster on player page

improved tile sizes for preview

src/HomePage.js

@@ -57,7 +57,7 @@ class HomePage extends React.Component {
                         selectionnr: this.data.length
                     });
                     this.loadindex = 0;
-                    this.loadPreviewBlock(12);
+                    this.loadPreviewBlock(16);
                 }))
             .catch(() => {
                 console.log("no connection to backend");
@@ -176,7 +176,7 @@ class HomePage extends React.Component {
         // comparison if current scroll position is on bottom
         // 200 stands for bottom offset to trigger load
         if (window.innerHeight + document.documentElement.scrollTop + 200 >= document.documentElement.offsetHeight) {
-            this.loadPreviewBlock(6);
+            this.loadPreviewBlock(8);
         }
     }
 }

src/RandomPage.js

@@ -15,7 +15,7 @@ class RandomPage extends React.Component {
     }
 
     componentDidMount() {
-        this.loadShuffledvideos(6);
+        this.loadShuffledvideos(4);
     }
 
     render() {
@@ -50,7 +50,7 @@ class RandomPage extends React.Component {
     }
 
     shuffleclick() {
-        this.loadShuffledvideos(6);
+        this.loadShuffledvideos(4);
     }
 
     loadShuffledvideos(nr) {

src/css/Preview.css

@@ -3,6 +3,7 @@
     color: #3d3d3d;
     text-align: center;
     font-weight: bold;
+    max-width: 266px;
 }
 
 .previewpic {
@@ -11,13 +12,15 @@
 }
 
 .previewimage {
-    width: 100%;
-    overflow: hidden;
+    max-width: 100%;
+    max-height: 100%;
 }
 
 .videopreview {
     height: 500px;
-    width: 250px;
+    min-width: 266px;
+    max-width: 410px;
+    /*width: 250px;*/
     float: left;
     margin-left: 25px;
     margin-top: 25px;