adjust callout in DrilldownHello

elastic · Mar 16, 2020 · 5dbf4d3 · 5dbf4d3
1 parent cbbc624
commit 5dbf4d3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 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
@@ -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
@@ -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>