Applied new height of thumbnails (300 -> 156) + new 1280x720 variant for InfoPanel and preview

config/appsettings.json

@@ -188,52 +188,44 @@
 		"sizes" : 
 		[
 			{
-				"height": 260,
-				"width": 360
-			},
-			{
-				"height": 300,
+				"height": 156,
 				"width": 216
 			},
 			{
-				"height": 300,
+				"height": 156,
 				"width": 240
 			},
 			{
-				"height": 300,
+				"height": 156,
 				"width": 264
 			},
 			{
-				"height": 300,
+				"height": 156,
 				"width": 288
 			},
 			{
-				"height": 300,
+				"height": 156,
 				"width": 312
 			},
 			{
-				"height": 300,
+				"height": 156,
 				"width": 336
 			},
 			{
-				"height": 300,
+				"height": 156,
 				"width": 360
 			},
 			{
-				"height": 300,
-				"width": 280
-			},
-			{
-				"height": 300,
-				"width": 320
-			},
-			{
-				"height": 300,
+				"height": 156,
 				"width": 400
 			},
 			{
-				"height": 300,
+				"height": 156,
 				"width": 440
+			},
+			{
+				"height": 720,
+				"width": 1280
 			}
 		]
     },

packages/client/src/pages/Home/Section/Body/TilesView/FilesTileContainer.js

@@ -31,7 +31,7 @@ const getThumbSize = (width) => {
     imgWidth = 440;
   }
 
-  return `${imgWidth}x300`;
+  return `${imgWidth}x156`;
 };
 
 const elementResizeDetector = elementResizeDetectorMaker({