Clean up dropdown styles

ui/src/sources/components/InfluxTable.js

@@ -34,7 +34,7 @@ const kapacitorDropdown = (
 
   return (
     <Dropdown
-      className="sources--kapacitor-selector"
+      className="dropdown-160"
       buttonColor="btn-info"
       buttonSize="btn-xs"
       items={kapacitorItems}

ui/src/style/components/dropdown.scss

@@ -39,6 +39,8 @@ $dropdown-menu-max-height: 290px;
 .dropdown-toggle {
   position: relative;
   text-align: left;
+  display: flex;
+  align-items: center;
 
   .caret {
     position: absolute;
@@ -47,13 +49,23 @@ $dropdown-menu-max-height: 290px;
     transform: translateY(-50%);
   }
   > .icon {
-    font-size: 16px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 6px;
-    position: relative;
-    top: -1px;
   }
+  .dropdown-selected {
+    display: inline-block;
+    flex: 1 0 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding-right: 15px;
+  }
+}
+.dropdown .dropdown-toggle.btn-xs {
+  height: 22px !important;
+  line-height: 22px !important;
+  padding: 0 9px !important;
 }
 
 /*

ui/src/style/unsorted.scss

@@ -155,29 +155,6 @@
 }
 
 
-/*
-    Kapacitor selector dropdown
-    ----------------------------------------------
-*/
-.dropdown .dropdown-toggle.btn-xs {
-  height: 22px !important;
-  line-height: 22px !important;
-  padding: 0 9px !important;
-}
-.dropdown-selected {
-  display: inline-block;
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding-right: 15px;
-}
-.dropdown.sources--kapacitor-selector {
-  .dropdown-toggle {
-    width: 160px;
-  }
-}
-
 /*
     Custom Tabs
     ----------------------------------------------