[Uptime] Added eui spacers around callout in expanded row (#51843)

* added eui spacers around callout * updated snaps
elastic · Dec 5, 2019 · abaf009 · abaf009
1 parent bd3857a
commit abaf009
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 8 deletions.
diff --git a/...onitor_list/monitor_list_drawer/__tests__/__snapshots__/monitor_status_list.test.tsx.snap b/...onitor_list/monitor_list_drawer/__tests__/__snapshots__/monitor_status_list.test.tsx.snap
diff --git a/...ime/public/components/functional/monitor_list/monitor_list_drawer/monitor_status_list.tsx b/...ime/public/components/functional/monitor_list/monitor_list_drawer/monitor_status_list.tsx
@@ -6,7 +6,7 @@
 
 import React from 'react';
 import { get } from 'lodash';
-import { EuiCallOut } from '@elastic/eui';
+import { EuiCallOut, EuiSpacer } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n/react';
 import { Check } from '../../../../../common/graphql/types';
 import { LocationLink } from './location_link';
@@ -46,13 +46,17 @@ export const MonitorStatusList = ({ checks }: MonitorStatusListProps) => {
       <MonitorStatusRow locationNames={downChecks} status={DOWN} />
       <MonitorStatusRow locationNames={absUpChecks} status={UP} />
       {(downChecks.has(UNNAMED_LOCATION) || upChecks.has(UNNAMED_LOCATION)) && (
-        <EuiCallOut color="warning">
-          <FormattedMessage
-            id="xpack.uptime.monitorList.drawer.missingLocation"
-            defaultMessage="Some heartbeat instances do not have a location defined. {link} to your heartbeat configuration."
-            values={{ link: <LocationLink /> }}
-          />
-        </EuiCallOut>
+        <>
+          <EuiSpacer size="s" />
+          <EuiCallOut color="warning">
+            <FormattedMessage
+              id="xpack.uptime.monitorList.drawer.missingLocation"
+              defaultMessage="Some heartbeat instances do not have a location defined. {link} to your heartbeat configuration."
+              values={{ link: <LocationLink /> }}
+            />
+          </EuiCallOut>
+          <EuiSpacer />
+        </>
       )}
     </>
   );