Player better responsive

diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index f77447e97baa257006f37cbd699fc83f7e5c32af..88bc0cfdf7696d4991b8932ffa6e4a9d0faa9add 100644 (file)
--- 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;