Add bulk comment actions on account dropdown

[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 5f9bb51a7624e68e7153ee58a475f3554a1f46db..f572dd90249c5288e15b08afb1fe6a0a64d9f08c 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,
+.dropdown-item,
+.input-container {
+  padding: 8px 24px;
+}
+
 .header {
   min-width: 240px;
-  padding: 6px 24px 10px 24px;
-
   margin-bottom: 10px;
   border-bottom: 1px solid $separator-border-color;
 
@@ -44,30 +48,18 @@
   }
 }
 
-.dropdown-item {
-  padding: 6px 24px;
-}
-
 .playlists {
   max-height: 180px;
   overflow-y: auto;
 }
 
-.input-container {
-  display: flex;
-
-  input {
-    flex-grow: 1;
-    margin: 0 15px 10px 15px;
-  }
-}
-
 .playlist {
-  display: flex;
+  display: inline-flex;
   cursor: pointer;
 
   my-peertube-checkbox {
     margin-right: 10px;
+    align-self: center;
   }
 
   .display-name {
@@ -76,7 +68,7 @@
 
     .timestamp-info {
       font-size: 0.9em;
-      color: $grey-foreground-color;
+      color: var(--greyForegroundColor);
       margin-left: 5px;
     }
   }