From 28dfd22e78a04cf4cf4a4515fc391360ea7b7f99 Mon Sep 17 00:00:00 2001
From: pgayvallet <pierre.gayvallet@gmail.com>
Date: Fri, 18 Jun 2021 16:22:12 +0200
Subject: [PATCH] Fix add sample data layout

---
 .../components/tutorial_directory.js          | 43 ++++++++-----------
 1 file changed, 19 insertions(+), 24 deletions(-)

diff --git a/src/plugins/home/public/application/components/tutorial_directory.js b/src/plugins/home/public/application/components/tutorial_directory.js
index 1fda865ebd847..6dd2733500a1c 100644
--- a/src/plugins/home/public/application/components/tutorial_directory.js
+++ b/src/plugins/home/public/application/components/tutorial_directory.js
@@ -235,7 +235,7 @@ class TutorialDirectoryUi extends React.Component {
   renderNotices = () => {
     const notices = getServices().tutorialService.getDirectoryNotices();
     return notices.length ? (
-      <EuiFlexGroup direction="column" gutterSize="none">
+      <EuiFlexGroup grow={false} direction="column" gutterSize="none">
         {notices.map((DirectoryNotice, index) => (
           <EuiFlexItem key={index}>
             <DirectoryNotice />
@@ -259,26 +259,18 @@ class TutorialDirectoryUi extends React.Component {
   };
 
   renderHeader = () => {
-    const notices = this.renderNotices();
     const headerLinks = this.renderHeaderLinks();
-
     return (
-      <>
-        <EuiFlexGroup alignItems="center">
-          <EuiFlexItem>
-            <EuiTitle size="l">
-              <h1>
-                <FormattedMessage
-                  id="home.tutorial.addDataToKibanaTitle"
-                  defaultMessage="Add data"
-                />
-              </h1>
-            </EuiTitle>
-          </EuiFlexItem>
-          {headerLinks ? <EuiFlexItem grow={false}>{headerLinks}</EuiFlexItem> : null}
-        </EuiFlexGroup>
-        {notices}
-      </>
+      <EuiFlexGroup alignItems="center">
+        <EuiFlexItem>
+          <EuiTitle size="l">
+            <h1>
+              <FormattedMessage id="home.tutorial.addDataToKibanaTitle" defaultMessage="Add data" />
+            </h1>
+          </EuiTitle>
+        </EuiFlexItem>
+        {headerLinks ? <EuiFlexItem grow={false}>{headerLinks}</EuiFlexItem> : null}
+      </EuiFlexGroup>
     );
   };
 
@@ -286,11 +278,14 @@ class TutorialDirectoryUi extends React.Component {
     return (
       <EuiPage restrictWidth={1200}>
         <EuiPageBody>
-          {this.renderHeader()}
-          <EuiSpacer size="m" />
-          <EuiTabs>{this.renderTabs()}</EuiTabs>
-          <EuiSpacer />
-          {this.renderTabContent()}
+          <EuiFlexItem grow={false}>
+            {this.renderHeader()}
+            {this.renderNotices()}
+            <EuiSpacer size="m" />
+            <EuiTabs>{this.renderTabs()}</EuiTabs>
+            <EuiSpacer />
+            {this.renderTabContent()}
+          </EuiFlexItem>
         </EuiPageBody>
       </EuiPage>
     );