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>

1 files changed, 8 insertions, 6 deletions

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;
+    }
+  }
 }