style: incorporate style changes in review

elastic · Nov 17, 2020 · f751a99 · f751a99
1 parent c78bfce
commit f751a99
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/legend/_legend.scss b/src/components/legend/_legend.scss
@@ -43,11 +43,14 @@
     width: 100%;
     overflow-y: auto;
 
+    .echLegendItem--right :focus {
+      margin-right: $euiSizeXS;
+    }
+
     :focus {
       @include euiFocusRing;
       background-color: $euiFocusBackgroundColor;
       border-radius: $euiBorderRadius / 2;
-      margin-right: $euiSizeXS;
     }
   }
 }
diff --git a/src/components/legend/_legend_item.scss b/src/components/legend/_legend_item.scss
@@ -30,6 +30,10 @@ $legendItemVerticalPadding: $echLegendRowGap / 2;
   }
 
   &__color {
+    display: flex;
+    align-items: center;
+    // makes the color picker to have the same height as the legend
+    height: 18px;
     margin-right: $euiSizeXS;
     margin-left: $euiSizeXS;