Player better responsive

1 files changed, 19 insertions, 0 deletions

diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index f77447e97..88bc0cfdf 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -441,6 +441,25 @@ $setting-transition-easing: ease-out;
     }
   }
 
+  @media screen and (max-width: 750px) {
+    .vjs-dock-text {
+      font-size: 16px;
+    }
+
+    .vjs-dock-description {
+      font-size: 10px;
+    }
+
+    .vjs-big-play-button {
+      font-size: 5em;
+      border-width: 5px;
+
+      .vjs-icon-placeholder::before {
+        @include big-play-button-triangle-size(32px);
+      }
+    }
+  }
+
   @media screen and (max-width: 570px) {
     .vjs-dock-text {
       font-size: 14px;