diff options
Diffstat (limited to 'client/src/app/videos/+video-watch/video-watch.component.scss')
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.scss | 9 |
1 files changed, 7 insertions, 2 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 633b16c05..be1388a83 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss | |||
@@ -37,8 +37,9 @@ | |||
37 | } | 37 | } |
38 | 38 | ||
39 | /deep/ .video-js { | 39 | /deep/ .video-js { |
40 | width: 888px; | 40 | width: calc(100vw - 240px); |
41 | height: 500px; | 41 | height: auto; |
42 | max-height: 500px; | ||
42 | 43 | ||
43 | &.vjs-theater-enabled { | 44 | &.vjs-theater-enabled { |
44 | height: calc(100vh - #{$header-height} - #{$theater-bottom-space}); | 45 | height: calc(100vh - #{$header-height} - #{$theater-bottom-space}); |
@@ -479,6 +480,10 @@ | |||
479 | } | 480 | } |
480 | } | 481 | } |
481 | 482 | ||
483 | @media (max-width: 1150px) { | ||
484 | .w-100-until-1150px { width: 100% !important } | ||
485 | } | ||
486 | |||
482 | @media screen and (max-width: 600px) { | 487 | @media screen and (max-width: 600px) { |
483 | .video-bottom { | 488 | .video-bottom { |
484 | margin: 20px 0 0 0; | 489 | margin: 20px 0 0 0; |