Refactoring margin and padding mixins

[github/Chocobozzz/PeerTube.git] / client / src / sass / player / playlist.scss

diff --git a/client/src/sass/player/playlist.scss b/client/src/sass/player/playlist.scss
index f7e67ba16d2287da35e5574efbd2a9859b14f081..4419df2429a1887bbead5315e951de7ac6a629bb 100644 (file)
--- a/client/src/sass/player/playlist.scss
+++ b/client/src/sass/player/playlist.scss
@@ -46,12 +46,13 @@ $playlist-menu-width: 350px;
     .cross {
       mask-image: url('#{$assets-path}/images/feather/x.svg');
       -webkit-mask-image: url('#{$assets-path}/images/feather/x.svg');
+      mask-size: cover;
+      -webkit-mask-size: cover;
 
       cursor: pointer;
       width: 20px;
       height: 20px;
       background-color: #fff;
-      mask-size: cover;
     }
   }
 }
@@ -81,7 +82,7 @@ $playlist-menu-width: 350px;
 }
 
 .vjs-playlist-button {
-  font-size: 15px;
+  font-size: 16px;
   position: absolute;
   right: 0;
   top: 0;
@@ -93,11 +94,12 @@ $playlist-menu-width: 350px;
 .vjs-playlist-icon {
   mask-image: url('#{$assets-path}/images/feather/list.svg');
   -webkit-mask-image: url('#{$assets-path}/images/feather/list.svg');
+  mask-size: cover;
+  -webkit-mask-size: cover;
 
   width: 22px;
   height: 22px;
   background-color: #fff;
-  mask-size: cover;
   margin-bottom: 3px;
 }