[ML] File data visualizer - fixing padding around whole page (elastic…

…#31246) (elastic#31276)
mikecote · Feb 15, 2019 · 988fc0f · 988fc0f
1 parent d801015
commit 988fc0f
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/_file_datavisualizer.scss b/x-pack/plugins/ml/public/file_datavisualizer/_file_datavisualizer.scss
@@ -0,0 +1,3 @@
+.file-datavisualizer__content {
+  padding: $euiSize;
+}
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/_index.scss b/x-pack/plugins/ml/public/file_datavisualizer/_index.scss
@@ -1 +1,2 @@
+@import 'file_datavisualizer';
 @import 'components/index';
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/_about_panel.scss b/x-pack/plugins/ml/public/file_datavisualizer/components/about_panel/_about_panel.scss
@@ -1,7 +1,3 @@
-.file-datavisualizer-about-panel__content {
-  margin-top: $euiSize;
-}
-
 .file-datavisualizer-about-panel__icon {
   width: $euiSizeXL * 3;
   height: $euiSizeXL * 3;

diff --git a/...ublic/file_datavisualizer/components/file_datavisualizer_view/file_datavisualizer_view.js b/...ublic/file_datavisualizer/components/file_datavisualizer_view/file_datavisualizer_view.js
@@ -259,7 +259,7 @@ export class FileDataVisualizerView extends Component {
     const fields = (results !== undefined && results.field_stats !== undefined) ? Object.keys(results.field_stats) : [];
 
     return (
-      <React.Fragment>
+      <div className="file-datavisualizer__content">
         {(mode === MODE.READ) &&
           <React.Fragment>
 
@@ -339,7 +339,7 @@ export class FileDataVisualizerView extends Component {
             <BottomPadding />
           </React.Fragment>
         }
-      </React.Fragment>
+      </div>
     );
   }
 }
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		@import 'file_datavisualizer';
		@import 'components/index';