From 432e7ddcc8711d6a91719ff5d8fb5365bb0de806 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 5 Sep 2018 16:10:03 +0200
Subject: [PATCH] Fix video player theatre mode

---
 .../src/app/videos/+video-watch/video-watch.component.scss   | 5 ++---
 client/src/sass/include/_variables.scss                      | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index 0d593ea32..4811489ea 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -37,9 +37,8 @@
   }
 
   /deep/ .video-js {
-    width: calc(100vw - 240px);
-    height: auto;
-    max-height: 500px;
+    width: 888px;
+    height: 500px;
 
     &.vjs-theater-enabled {
       height: calc(100vh - #{$header-height} - #{$theater-bottom-space});
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index 6ea48f800..cb6061f45 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -44,7 +44,7 @@ $footer-border-color: $header-border-color;
 $video-thumbnail-height: 110px;
 $video-thumbnail-width: 200px;
 
-$theater-bottom-space: 85px;
+$theater-bottom-space: 115px;
 
 $input-background-color: $bg-color;
 $input-placeholder-color: #898989;