Add the same padding from EuiSelectableListItem to the header

elastic · Dec 2, 2019 · 3a03f16 · 3a03f16
1 parent d2333cc
commit 3a03f16
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/selectable/selectable_list/_selectable_list.scss b/src/components/selectable/selectable_list/_selectable_list.scss
@@ -19,4 +19,5 @@
   display: flex;
   align-items: center;
   border-bottom: $euiSelectableListItemBorder;
+  padding: $euiSelectableListItemPadding;
 }
diff --git a/src/components/selectable/selectable_list/_selectable_list_item.scss b/src/components/selectable/selectable_list/_selectable_list_item.scss
@@ -1,7 +1,6 @@
 .euiSelectableListItem {
   @include euiFontSizeS;
-
-  padding: $euiSizeXS $euiSizeM;
+  padding: $euiSelectableListItemPadding;
   display: block; // Necessary to make sure it doesn't force the whole popover to be too wide
   width: 100%;
   text-align: left;

diff --git a/src/components/selectable/selectable_list/_variables.scss b/src/components/selectable/selectable_list/_variables.scss
@@ -1 +1,2 @@
-    $euiSelectableListItemBorder: 1px solid darken($euiColorLightestShade, 2%);
+$euiSelectableListItemBorder: 1px solid darken($euiColorLightestShade, 2%);
+$euiSelectableListItemPadding: $euiSizeXS $euiSizeM;