Fix video player theatre mode

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 0d593ea32aa82f0a995c4d9d725aecc60d5c663c..4811489eae25e189d4c2b4ed7629f64c87d03acd 100644 (file)
--- 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 6ea48f80019640295d2892d57c12f9a8ba388ebd..cb6061f45ca2c8ccc13c020ce9201b862e1840e3 100644 (file)
--- 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;