From e5fc7811ae0b0513470add9dbe237755bec7cceb Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 20 Feb 2019 13:59:31 +0100
Subject: [PATCH] Increase thumbnails size

---
 client/src/app/shared/video/abstract-video-list.ts         | 4 ++--
 client/src/app/shared/video/video-miniature.component.scss | 2 +-
 client/src/app/shared/video/video-thumbnail.component.scss | 2 +-
 client/src/sass/include/_variables.scss                    | 4 ++--
 server/initializers/constants.ts                           | 4 ++--
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/src/app/shared/video/abstract-video-list.ts b/client/src/app/shared/video/abstract-video-list.ts
index b0633be4a..2cd5bc393 100644
--- a/client/src/app/shared/video/abstract-video-list.ts
+++ b/client/src/app/shared/video/abstract-video-list.ts
@@ -41,8 +41,8 @@ export abstract class AbstractVideoList implements OnInit, OnDestroy {
   displayModerationBlock = false
   titleTooltip: string
 
-  protected baseVideoWidth = 215
-  protected baseVideoHeight = 205
+  protected baseVideoWidth = 238
+  protected baseVideoHeight = 225
 
   protected abstract notifier: Notifier
   protected abstract authService: AuthService
diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss
index f44bdf9a9..66e59e6d3 100644
--- a/client/src/app/shared/video/video-miniature.component.scss
+++ b/client/src/app/shared/video/video-miniature.component.scss
@@ -5,7 +5,7 @@
   display: inline-block;
   padding-right: 15px;
   margin-bottom: 30px;
-  height: 175px;
+  height: 195px;
   vertical-align: top;
 
   .video-miniature-information {
diff --git a/client/src/app/shared/video/video-thumbnail.component.scss b/client/src/app/shared/video/video-thumbnail.component.scss
index 4772edaf0..97a0e72ed 100644
--- a/client/src/app/shared/video/video-thumbnail.component.scss
+++ b/client/src/app/shared/video/video-thumbnail.component.scss
@@ -4,7 +4,7 @@
 .video-thumbnail {
   display: inline-block;
   position: relative;
-  border-radius: 4px;
+  border-radius: 3px;
   overflow: hidden;
   width: $video-thumbnail-width;
   height: $video-thumbnail-height;
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index 3780b7501..56ca4c2d3 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -44,8 +44,8 @@ $footer-margin: 30px;
 
 $footer-border-color: $header-border-color;
 
-$video-thumbnail-height: 110px;
-$video-thumbnail-width: 200px;
+$video-thumbnail-height: 122px;
+$video-thumbnail-width: 223px;
 
 $theater-bottom-space: 115px;
 
diff --git a/server/initializers/constants.ts b/server/initializers/constants.ts
index 3656a23f9..c1be7f326 100644
--- a/server/initializers/constants.ts
+++ b/server/initializers/constants.ts
@@ -610,8 +610,8 @@ let STATIC_MAX_AGE = '2h'
 
 // Videos thumbnail size
 const THUMBNAILS_SIZE = {
-  width: 200,
-  height: 110
+  width: 223,
+  height: 112
 }
 const PREVIEWS_SIZE = {
   width: 560,
-- 
2.41.0