From 0564fc09d3ea46d78cc4e454f52aefeca68b73e2 Mon Sep 17 00:00:00 2001
From: aschaap <8865084+aschaap@users.noreply.github.com>
Date: Wed, 7 Apr 2021 02:39:48 -0400
Subject: Reducing tag input excessive padding; fixes #3915 (#3927)

* Removed !important and added rules to style tags input; fixes #3915

* Simplifying what @rigelk was achieving with !important in 149e4cc

* Compressed CSS selectors

Co-authored-by: Rigel Kent <par@rigelk.eu>

Co-authored-by: Rigel Kent <par@rigelk.eu>
---
 client/src/sass/ng-select.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

(limited to 'client/src/sass')

diff --git a/client/src/sass/ng-select.scss b/client/src/sass/ng-select.scss
index 54c805ccf..13fc1d6c2 100644
--- a/client/src/sass/ng-select.scss
+++ b/client/src/sass/ng-select.scss
@@ -11,7 +11,7 @@ $ng-select-highlight: #f2690d;
 $ng-select-box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
 // $ng-select-placeholder: lighten($ng-select-primary-text, 40) !default;
 $ng-select-height: 30px;
-// $ng-select-value-padding-left: 10px !default;
+$ng-select-value-padding-left: 15px;
 // $ng-select-value-font-size: 0.9em !default;
 
 @import "~@ng-select/ng-select/scss/default.theme.scss";
@@ -20,11 +20,6 @@ $ng-select-height: 30px;
   font-size: .9em;
 }
 
-.ng-input,
-.ng-select .ng-select-container .ng-value-container {
-  padding-left: 15px !important;
-}
-
 .ng-select {
   &.ng-select-focused {
     &:not(.ng-select-opened) > .ng-select-container {
@@ -44,4 +39,11 @@ $ng-select-height: 30px;
   &.ng-select-single .ng-value-container .ng-value {
     color: pvar(--inputForegroundColor);
   }
+
+  &.ng-select-multiple .ng-select-container .ng-value-container {
+    padding-left: 12px;
+    .ng-value {
+      margin-left: 3px;
+    }
+  }
 }
-- 
cgit v1.2.3