[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
elastic · Jan 29, 2019 · 191fedf · 191fedf
1 parent a8e4be0
commit 191fedf
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 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
@@ -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
@@ -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}}"