Merge branch 'release/2.1.0' into develop

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / video-playlist / video-add-to-playlist.component.scss

diff --git a/client/src/app/shared/video-playlist/video-add-to-playlist.component.scss b/client/src/app/shared/video-playlist/video-add-to-playlist.component.scss
index 68dcda1ebf00003de0628b9e9e5d6dcf9a0dda66..f1b6cd6011ff243575e456db9adf64b912143ce5 100644 (file)
--- a/client/src/app/shared/video-playlist/video-add-to-playlist.component.scss
+++ b/client/src/app/shared/video-playlist/video-add-to-playlist.component.scss
@@ -1,10 +1,14 @@
 @import '_variables';
 @import '_mixins';
 
-.header {
-  min-width: 240px;
+.header,
+.dropdown-item,
+.input-container {
   padding: 6px 24px 10px 24px;
+}
 
+.header {
+  min-width: 240px;
   margin-bottom: 10px;
   border-bottom: 1px solid $separator-border-color;
 
@@ -18,6 +22,8 @@
     }
 
     .options {
+      display: flex;
+      align-items: center;
       font-size: 14px;
       cursor: pointer;
 
@@ -25,13 +31,15 @@
         @include apply-svg-color(#333);
 
         width: 16px;
-        height: 16px;
+        height: 23px;
+        margin-right: 3px;
       }
     }
   }
 
   .options-row {
     margin-top: 10px;
+    padding-left: 10px;
 
     > div {
       display: flex;
@@ -40,8 +48,9 @@
   }
 }
 
-.dropdown-item {
-  padding: 6px 24px;
+.playlists {
+  max-height: 180px;
+  overflow-y: auto;
 }
 
 .playlist {
@@ -67,7 +76,6 @@
 .new-playlist-button,
 .new-playlist-block {
   padding-top: 10px;
-  margin-top: 10px;
   border-top: 1px solid $separator-border-color;
 }