Align dock padding with playlist button

3 files changed, 4 insertions, 2 deletions

diff --git a/client/src/sass/player/_player-variables.scss b/client/src/sass/player/_player-variables.scss
index 935a60b49..7dcb21dfe 100644
--- a/client/src/sass/player/_player-variables.scss
+++ b/client/src/sass/player/_player-variables.scss
@@ -10,4 +10,6 @@ $slider-bg-color: lighten($primary-background-color, 33%);
 
 $progress-margin: 10px;
 
+$dock-padding: 20px;
+
 $assets-path: '../../assets/' !default;
diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index 994936f81..6e1d81673 100644
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -20,7 +20,7 @@ body {
   color: pvar(--embedForegroundColor);
 
   .vjs-dock-text {
-    padding-right: 10px;
+    padding: $dock-padding;
     background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
   }
 
diff --git a/client/src/sass/player/playlist.scss b/client/src/sass/player/playlist.scss
index d88baadeb..1d1489ac1 100644
--- a/client/src/sass/player/playlist.scss
+++ b/client/src/sass/player/playlist.scss
@@ -80,7 +80,7 @@ $playlist-menu-width: 350px;
   right: 0;
   top: 0;
   z-index: 100;
-  padding: 1em;
+  padding: $dock-padding;
   cursor: pointer;
 }