[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
This commit is contained in:
Pete Harverson 2019-01-29 11:34:14 +00:00 committed by GitHub
parent a8e4be0c3b
commit 191fedf78f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions

View file

@ -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;

View file

@ -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}}"