[ML] Update styling

elastic · Dec 15, 2020 · 0dcdf2e · 0dcdf2e
1 parent 3305f1a
commit 0dcdf2e
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 19 deletions.
diff --git a/x-pack/plugins/ml/public/application/datavisualizer/_index.scss b/x-pack/plugins/ml/public/application/datavisualizer/_index.scss
@@ -1,3 +1,3 @@
 @import 'file_based/index';
 @import 'index_based/index';
-@import "stats_datagrid/index";
+@import 'stats_datagrid/index';
diff --git a/...tion/datavisualizer/index_based/components/field_data_card/content_types/date_content.tsx b/...tion/datavisualizer/index_based/components/field_data_card/content_types/date_content.tsx
@@ -5,7 +5,7 @@
  */
 
 import React, { FC, ReactNode } from 'react';
-import { EuiBasicTable, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
+import { EuiBasicTable, EuiFlexItem } from '@elastic/eui';
 // @ts-ignore
 import { formatDate } from '@elastic/eui/lib/services/format';
 import { FormattedMessage } from '@kbn/i18n/react';
@@ -62,19 +62,17 @@ export const DateContent: FC<FieldDataCardProps> = ({ config }) => {
   ];
 
   return (
-    <EuiFlexGroup direction={'row'}>
-      <EuiFlexItem>
-        <ExpandedRowFieldHeader>{summaryTableTitle}</ExpandedRowFieldHeader>
-        <EuiBasicTable<SummaryTableItem>
-          className={'mlDataVisualizerSummaryTable'}
-          data-test-subj={'mlDateSummaryTable'}
-          compressed
-          items={summaryTableItems}
-          columns={summaryTableColumns}
-          tableCaption={summaryTableTitle}
-          tableLayout="auto"
-        />
-      </EuiFlexItem>
-    </EuiFlexGroup>
+    <EuiFlexItem>
+      <ExpandedRowFieldHeader>{summaryTableTitle}</ExpandedRowFieldHeader>
+      <EuiBasicTable<SummaryTableItem>
+        className={'mlDataVisualizerSummaryTable'}
+        data-test-subj={'mlDateSummaryTable'}
+        compressed
+        items={summaryTableItems}
+        columns={summaryTableColumns}
+        tableCaption={summaryTableTitle}
+        tableLayout="auto"
+      />
+    </EuiFlexItem>
   );
 };
diff --git a/...ication/datavisualizer/index_based/components/field_data_card/top_values/_top_values.scss b/...ication/datavisualizer/index_based/components/field_data_card/top_values/_top_values.scss
@@ -1,11 +1,13 @@
+
 .mlTopValuesLabelContainer {
   padding-right: $euiSizeM;
 
-  &.small {
+  &.mlTopValuesLabelContainer--small {
     width: 50px !important;
   }
 
-  &.large {
+  &.mlTopValuesLabelContainer--large {
     width: 200px !important;
   }
+
 }
diff --git a/...plication/datavisualizer/index_based/components/field_data_card/top_values/top_values.tsx b/...plication/datavisualizer/index_based/components/field_data_card/top_values/top_values.tsx
@@ -55,7 +55,7 @@ export const TopValues: FC<Props> = ({ stats, fieldFormat, barColor, compressed
               className={classNames(
                 'eui-textTruncate',
                 'mlTopValuesLabelContainer',
-                compressed === true ? 'small' : 'large'
+                `mlTopValuesLabelContainer--${compressed === true ? 'small' : 'large'}`
               )}
             >
               <EuiToolTip content={kibanaFieldFormat(value.key, fieldFormat)} position="right">