From 5dbf4d32f9049dfc315238c74c7c8b3633d34d31 Mon Sep 17 00:00:00 2001
From: Andrea Del Rio <delrio.andre@gmail.com>
Date: Mon, 16 Mar 2020 12:52:00 -0700
Subject: [PATCH] adjust callout in DrilldownHello

---
 .../components/drilldown_hello_bar/drilldown_hello_bar.scss | 6 +++---
 .../components/drilldown_hello_bar/drilldown_hello_bar.tsx  | 5 ++++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/x-pack/plugins/drilldowns/public/components/drilldown_hello_bar/drilldown_hello_bar.scss b/x-pack/plugins/drilldowns/public/components/drilldown_hello_bar/drilldown_hello_bar.scss
index e527485765df3..8788b87b77ff2 100644
--- a/x-pack/plugins/drilldowns/public/components/drilldown_hello_bar/drilldown_hello_bar.scss
+++ b/x-pack/plugins/drilldowns/public/components/drilldown_hello_bar/drilldown_hello_bar.scss
@@ -1,3 +1,3 @@
-.drdHelloBar__content .euiFlexItem {
-  margin: $euiSizeL; // increase spacing between elements
-}
+// .drdHelloBar__content .euiFlexItem {
+//   margin: $euiSizeL; // increase spacing between elements
+// }
diff --git a/x-pack/plugins/drilldowns/public/components/drilldown_hello_bar/drilldown_hello_bar.tsx b/x-pack/plugins/drilldowns/public/components/drilldown_hello_bar/drilldown_hello_bar.tsx
index 40dbd3e93d6c2..7cbf92c13fcbe 100644
--- a/x-pack/plugins/drilldowns/public/components/drilldown_hello_bar/drilldown_hello_bar.tsx
+++ b/x-pack/plugins/drilldowns/public/components/drilldown_hello_bar/drilldown_hello_bar.tsx
@@ -14,6 +14,7 @@ import {
   EuiLink,
   EuiSpacer,
   EuiButtonEmpty,
+  EuiIcon,
 } from '@elastic/eui';
 import './drilldown_hello_bar.scss';
 import { txtHideHelpButtonLabel, txtHelpText, txtViewDocsLinkLabel } from './i18n';
@@ -31,10 +32,12 @@ export const DrilldownHelloBar: React.FC<DrilldownHelloBarProps> = ({
 }) => {
   return (
     <EuiCallOut
-      iconType="help"
       data-test-subj={WELCOME_MESSAGE_TEST_SUBJ}
       title={
         <EuiFlexGroup className="drdHelloBar__content">
+          <EuiFlexItem grow={false}>
+            <EuiIcon type="help" />
+          </EuiFlexItem>
           <EuiFlexItem grow={true}>
             <EuiText size={'s'}>
               <EuiTextColor color="subdued">{txtHelpText}</EuiTextColor>