Increase play button size

2 files changed, 3 insertions, 2 deletions

diff --git a/client/src/sass/player/_player-variables.scss b/client/src/sass/player/_player-variables.scss
index cfe052195..1d94b6f96 100644
--- a/client/src/sass/player/_player-variables.scss
+++ b/client/src/sass/player/_player-variables.scss
@@ -3,6 +3,7 @@ $primary-foreground-opacity: 0.9;
 $primary-foreground-opacity-hover: 1;
 $primary-background-color: rgba(0, 0, 0, 0.8);
 
+$play-control-font-size: 16px;
 $font-size: 13px;
 $control-bar-height: 34px;
 
diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index a6eccf7a2..0144e89fb 100644
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -242,8 +242,8 @@ body {
       @include disable-outline;
 
       cursor: pointer;
-      font-size: $font-size;
-      width: 3em;
+      font-size: $play-control-font-size;
+      width: 2em;
     }
 
     .vjs-time-control {