From: Chocobozzz <me@florianbigard.com>
Date: Thu, 7 Jun 2018 15:26:14 +0000 (+0200)
Subject: Fix the player size on mobile
X-Git-Tag: v1.0.0-beta.8~18
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=54d9d09bb165d4b47ddc1c10ba81b41b04895911;p=oweals%2Fpeertube.git

Fix the player size on mobile
---

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 d765f23ef..d1f840937 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -11,8 +11,8 @@
     height: 500px;
 
     @media screen and (max-width: 600px) {
-      height: auto;
-      max-height: calc(100vh - #{$header-height});
+      width: 100vw;
+      height: calc(100vw / 1.7); // 16/9
     }
 
     // VideoJS create an inner video player