From ebe9b6b3f32d8432980854a51d28a8fb88fe62e5 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 20 Oct 2021 14:50:46 +0200
Subject: [PATCH 1/1] Fix ng select tags height

---
 .../app/+admin/system/logs/logs.component.scss    |  5 +++++
 .../select/select-tags.component.scss             | 15 +++++++++++++--
 client/src/sass/include/_mixins.scss              |  1 +
 client/src/sass/ng-select.scss                    |  1 +
 4 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/client/src/app/+admin/system/logs/logs.component.scss b/client/src/app/+admin/system/logs/logs.component.scss
index be66d563b..128c71e40 100644
--- a/client/src/app/+admin/system/logs/logs.component.scss
+++ b/client/src/app/+admin/system/logs/logs.component.scss
@@ -52,6 +52,11 @@
     @include peertube-select-container(150px);
   }
 
+  my-select-tags {
+    min-width: 250px;
+    max-width: 400px;
+  }
+
   > * {
     @include margin-left(10px);
   }
diff --git a/client/src/app/shared/shared-forms/select/select-tags.component.scss b/client/src/app/shared/shared-forms/select/select-tags.component.scss
index ad76bc7ee..f45884fb2 100644
--- a/client/src/app/shared/shared-forms/select/select-tags.component.scss
+++ b/client/src/app/shared/shared-forms/select/select-tags.component.scss
@@ -1,3 +1,14 @@
-ng-select ::ng-deep .ng-arrow-wrapper {
-  display: none;
+ng-select ::ng-deep {
+  .ng-arrow-wrapper {
+    display: none;
+  }
+
+  .ng-value-container {
+    padding-top: 2px !important;
+  }
+
+  .ng-value {
+    margin-bottom: 2px !important;
+    max-height: 24px;
+  }
 }
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 4d7a19ddf..fedc022e0 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -356,6 +356,7 @@
   background: pvar(--inputBackgroundColor);
   position: relative;
   font-size: 15px;
+  height: min-content;
 
   &.disabled {
     background-color: #E5E5E5;
diff --git a/client/src/sass/ng-select.scss b/client/src/sass/ng-select.scss
index 229300ca5..df0e0aaf4 100644
--- a/client/src/sass/ng-select.scss
+++ b/client/src/sass/ng-select.scss
@@ -23,6 +23,7 @@ $ng-select-value-font-size: 15px;
   &.ng-select-focused {
     &:not(.ng-select-opened) > .ng-select-container {
       border-color: #ccc !important;
+      box-shadow: none !important;
     }
   }
 
-- 
2.41.0