From a75292db788d400ba84933693f5f98a83f3aaa60 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 5 Aug 2020 14:25:42 +0200
Subject: [PATCH] Align dock padding with playlist button

---
 client/src/sass/player/_player-variables.scss | 2 ++
 client/src/sass/player/peertube-skin.scss     | 2 +-
 client/src/sass/player/playlist.scss          | 2 +-
 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;
 }
 
-- 
2.41.0