From 191fedf78f857922b25294d2d1ecf12156602d93 Mon Sep 17 00:00:00 2001
From: Pete Harverson <peteharverson@users.noreply.github.com>
Date: Tue, 29 Jan 2019 11:34:14 +0000
Subject: [PATCH] [ML] Fixes to text spacings in data visualizer cards (#29438)

* [ML] Fixes to text spacings in data visualizer cards

* [ML] Switch to using euiFontSizeL include for field title bar
---
 .../public/components/field_title_bar/_field_title_bar.scss   | 4 ++--
 .../components/fields_stats/field_stats_card.js               | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/x-pack/plugins/ml/public/components/field_title_bar/_field_title_bar.scss b/x-pack/plugins/ml/public/components/field_title_bar/_field_title_bar.scss
index 8df5880d80fe5..0fa087deacf91 100644
--- a/x-pack/plugins/ml/public/components/field_title_bar/_field_title_bar.scss
+++ b/x-pack/plugins/ml/public/components/field_title_bar/_field_title_bar.scss
@@ -1,9 +1,9 @@
 .ml-field-title-bar {
   color: $euiColorEmptyShade;
-  font-size: $euiFontSizeL;
+  @include euiFontSizeL;
   text-align: center;
   border-radius: $euiBorderRadius $euiBorderRadius 0px 0px;
-  padding: $euiSizeXS $euiSizeS;
+  padding-bottom: $euiSizeXS/2;
 
   .field-type-icon {
     vertical-align: middle;
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/fields_stats/field_stats_card.js b/x-pack/plugins/ml/public/file_datavisualizer/components/fields_stats/field_stats_card.js
index 6b8eabd89624e..fc2f953b855fd 100644
--- a/x-pack/plugins/ml/public/file_datavisualizer/components/fields_stats/field_stats_card.js
+++ b/x-pack/plugins/ml/public/file_datavisualizer/components/fields_stats/field_stats_card.js
@@ -37,7 +37,7 @@ export function FieldStatsCard({ field }) {
               <React.Fragment>
                 <div className="stats">
                   <div className="stat">
-                    <i className="fa fa-files-o" aria-hidden="true" />
+                    <i className="fa fa-files-o" aria-hidden="true" />&nbsp;
                     <FormattedMessage
                       id="xpack.ml.fileDatavisualizer.fieldStatsCard.documentsCountDescription"
                       defaultMessage="{fieldCount, plural, zero {# document} one {# document} other {# documents}} ({fieldPercent}%)"
@@ -48,7 +48,7 @@ export function FieldStatsCard({ field }) {
                     />
                   </div>
                   <div className="stat">
-                    <i className="fa fa-cubes" aria-hidden="true" />
+                    <i className="fa fa-cubes" aria-hidden="true" />&nbsp;
                     <FormattedMessage
                       id="xpack.ml.fileDatavisualizer.fieldStatsCard.distinctCountDescription"
                       defaultMessage="{fieldCardinality} distinct {fieldCardinality, plural, zero {value} one {value} other {values}}"