From fa35d7d2f47d2f5b664d0433ea1be677924767e6 Mon Sep 17 00:00:00 2001
From: Grace Guo <grace.guo@airbnb.com>
Date: Thu, 16 Nov 2017 11:50:32 -0800
Subject: [PATCH] fix input height to match with react-select (#3852)

---
 .../assets/stylesheets/react-select/select.less  | 16 ++++++++++++++++
 superset/assets/stylesheets/superset.less        | 16 ----------------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/superset/assets/stylesheets/react-select/select.less b/superset/assets/stylesheets/react-select/select.less
index c76c1861bb215..474f9893d6440 100644
--- a/superset/assets/stylesheets/react-select/select.less
+++ b/superset/assets/stylesheets/react-select/select.less
@@ -1,5 +1,6 @@
 @import "~react-select/less/select.less";
 @select-primary-color:              black;
+@select-input-height:               30px;
 
 // imports
 @import "~react-select/less/control.less";
@@ -8,6 +9,21 @@
 @import "~react-select/less/multi.less";
 @import "~react-select/less/spinner.less";
 
+.Select--multi {
+  .Select-multi-value-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .Select-value {
+    margin: 2px;
+  }
+
+  .Select-input > input {
+    width: 100px;
+  }
+}
+
 .VirtualSelectGrid {
   z-index: 1;
 }
diff --git a/superset/assets/stylesheets/superset.less b/superset/assets/stylesheets/superset.less
index 89ba020adff8a..49c65448a56e3 100644
--- a/superset/assets/stylesheets/superset.less
+++ b/superset/assets/stylesheets/superset.less
@@ -356,22 +356,6 @@ iframe {
     color: transparent;
 }
 
-// overwrite react-select css
-.Select--multi {
-  .Select-multi-value-wrapper {
-    display: flex;
-    flex-wrap: wrap;
-  }
-
-  .Select-value {
-    height: 23px;
-  }
-
-  .Select-input > input {
-    width: 100px;
-  }
-}
-
 .dimmed {
   opacity: 0.5;
 }