From e09bbbae03ef993f25d58deb539b665f6a528584 Mon Sep 17 00:00:00 2001
From: Ryan Keairns <contactryank@gmail.com>
Date: Fri, 27 Sep 2019 08:26:57 -0500
Subject: [PATCH] sidebar style updates

---
 .../field_chooser/discover_index_pattern.tsx  |  1 -
 .../field_chooser/field_chooser.html          |  4 +-
 .../styles/_legacy/components/_sidebar.scss   | 52 +++++++++----------
 3 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/src/legacy/core_plugins/kibana/public/discover/components/field_chooser/discover_index_pattern.tsx b/src/legacy/core_plugins/kibana/public/discover/components/field_chooser/discover_index_pattern.tsx
index 44cb53aea602b..5052b668b7f8d 100644
--- a/src/legacy/core_plugins/kibana/public/discover/components/field_chooser/discover_index_pattern.tsx
+++ b/src/legacy/core_plugins/kibana/public/discover/components/field_chooser/discover_index_pattern.tsx
@@ -71,7 +71,6 @@ export function DiscoverIndexPattern({
 
   return (
     <EuiComboBox
-      compressed={true}
       className="index-pattern-selection"
       data-test-subj="index-pattern-selection"
       fullWidth={true}
diff --git a/src/legacy/core_plugins/kibana/public/discover/components/field_chooser/field_chooser.html b/src/legacy/core_plugins/kibana/public/discover/components/field_chooser/field_chooser.html
index d9d757ada77f8..96aa1582b5243 100644
--- a/src/legacy/core_plugins/kibana/public/discover/components/field_chooser/field_chooser.html
+++ b/src/legacy/core_plugins/kibana/public/discover/components/field_chooser/field_chooser.html
@@ -8,7 +8,7 @@
 
   <div class="dscSidebar__listHeader sidebar-list-header" ng-if="fields.length">
     <h3
-      class="euiFlexItem euiTitle euiTitle--xxsmall"
+      class="euiFlexItem euiTitle euiTitle--xxxsmall sidebar-list-header-heading"
       id="selected_fields"
       tabindex="0"
       i18n-id="kbn.discover.fieldChooser.filter.selectedFieldsTitle"
@@ -29,7 +29,7 @@
 
   <div class="sidebar-list-header sidebar-item euiFlexGroup euiFlexGroup--gutterMedium" ng-if="fields.length">
     <h3
-      class="euiFlexItem euiTitle euiTitle--xxsmall"
+      class="euiFlexItem euiTitle euiTitle--xxxsmall sidebar-list-header-heading"
       id="available_fields"
       tabindex="0"
       i18n-id="kbn.discover.fieldChooser.filter.availableFieldsTitle"
diff --git a/src/legacy/ui/public/styles/_legacy/components/_sidebar.scss b/src/legacy/ui/public/styles/_legacy/components/_sidebar.scss
index 58c1490a92595..a21f8fed525e7 100644
--- a/src/legacy/ui/public/styles/_legacy/components/_sidebar.scss
+++ b/src/legacy/ui/public/styles/_legacy/components/_sidebar.scss
@@ -1,8 +1,8 @@
 // ONLY USED IN DISCOVER
 
 .sidebar-container {
-  padding-left: 0px !important;
-  padding-right: 0px !important;
+  padding-left: $euiSizeS !important;
+  padding-right: $euiSizeS !important;
   background-color: $euiColorLightestShade;
   border-right-color: transparent;
   border-bottom-color: transparent;
@@ -52,35 +52,35 @@
       }
     }
 
-      .sidebar-item-title,
-      .sidebar-item-text {
-        margin: 0;
-        padding: $euiSizeXS $euiSizeS;
-        text-align: center;
-        width: 100%;
-        border: none;
-        border-radius: 0;
-      }
+    .sidebar-item-title,
+    .sidebar-item-text {
+      margin: 0;
+      padding: $euiSizeXS 0;
+      text-align: center;
+      width: 100%;
+      border: none;
+      border-radius: 0;
+    }
 
-      .sidebar-item-title {
-        @include euiTextTruncate;
-        text-align: left;
+    .sidebar-item-title {
+      @include euiTextTruncate;
+      text-align: left;
 
-        &.full-title {
-          white-space: normal;
-        }
+      &.full-title {
+        white-space: normal;
       }
+    }
 
-      .sidebar-item-text {
-        background: $euiColorEmptyShade;
-      }
+    .sidebar-item-text {
+      background: $euiColorEmptyShade;
+    }
   }
 
     .sidebar-list-header {
-      padding-left: $euiSizeS;
-      padding-right: $euiSizeS;
-      color: $euiColorFullShade;
-      border: 1px solid transparent;
+      .sidebar-list-header-heading {
+        color: $euiColorDarkestShade;
+        border: 1px solid transparent;
+      }
 
       .sidebar-list-header-label {
         padding-left: $euiSizeS;
@@ -113,7 +113,7 @@
     }
   }
 
-  .index-pattern-selection {
-    padding: 0 $euiSizeS;
+  .index-pattern-selection:not(.euiComboBox) {
+    padding: $euiSizeS 0;
   }
 }