From 037cc63b919480b0de672ded0f543a612d38760a Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Thu, 22 Mar 2018 17:17:28 +0100
Subject: [PATCH] FIX: minor alignments improvements to select-kit

---
 .../javascripts/select-kit/components/combo-box.js.es6    | 4 ++--
 .../select-kit/components/mini-tag-chooser.js.es6         | 2 +-
 app/assets/stylesheets/common/select-kit/combo-box.scss   | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/assets/javascripts/select-kit/components/combo-box.js.es6 b/app/assets/javascripts/select-kit/components/combo-box.js.es6
index 8dd4756c5d9..e3bba9697c5 100644
--- a/app/assets/javascripts/select-kit/components/combo-box.js.es6
+++ b/app/assets/javascripts/select-kit/components/combo-box.js.es6
@@ -7,8 +7,8 @@ export default SingleSelectComponent.extend({
   autoFilterable: true,
   headerComponent: "combo-box/combo-box-header",
 
-  caretUpIcon: "caret-up",
-  caretDownIcon: "caret-down",
+  caretUpIcon: "caret-up fa-fw",
+  caretDownIcon: "caret-down fa-fw",
   clearable: false,
 
   computeHeaderContent() {
diff --git a/app/assets/javascripts/select-kit/components/mini-tag-chooser.js.es6 b/app/assets/javascripts/select-kit/components/mini-tag-chooser.js.es6
index a48d1620f0a..434c47b6954 100644
--- a/app/assets/javascripts/select-kit/components/mini-tag-chooser.js.es6
+++ b/app/assets/javascripts/select-kit/components/mini-tag-chooser.js.es6
@@ -39,7 +39,7 @@ export default ComboBox.extend(Tags, {
 
   @computed("hasReachedLimit")
   caretIcon(hasReachedLimit) {
-    return hasReachedLimit ? null : "plus";
+    return hasReachedLimit ? null : "plus fa-fw";
   },
 
   @computed("tags")
diff --git a/app/assets/stylesheets/common/select-kit/combo-box.scss b/app/assets/stylesheets/common/select-kit/combo-box.scss
index b9ce024633a..df7b8097629 100644
--- a/app/assets/stylesheets/common/select-kit/combo-box.scss
+++ b/app/assets/stylesheets/common/select-kit/combo-box.scss
@@ -6,14 +6,14 @@
     }
 
     .select-kit-row {
-      margin: 5px;
+      margin: 4px;
       min-height: 1px;
-      padding: 5px;
+      padding: 4px;
     }
 
     .select-kit-filter {
       line-height: $line-height-medium;
-      padding: 6px 10px;
+      padding: 5px 6px;
       border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
       border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
 
@@ -25,7 +25,7 @@
     .select-kit-header {
       background: $secondary;
       border: 1px solid $primary-medium;
-      padding: 4px 10px;
+      padding: 4px;
       font-weight: 500;
       font-size: $font-0;
       line-height: $line-height-large;