From 8ff54aa7c5fadb362e5f4b327e684b96c98fb7e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Casper=20H=C3=BCbertz?= <casper@elastic.co>
Date: Thu, 17 Sep 2020 13:06:10 +0200
Subject: [PATCH] [Observability] Overview: Alerts section style improvements
 (#77670) (#77738)

* Adding margin for the alert item
* Make the link text smaller
---
 .../public/components/app/section/alerts/index.tsx            | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/x-pack/plugins/observability/public/components/app/section/alerts/index.tsx b/x-pack/plugins/observability/public/components/app/section/alerts/index.tsx
index 02e841ec50ee2..b430b7d5959fe 100644
--- a/x-pack/plugins/observability/public/components/app/section/alerts/index.tsx
+++ b/x-pack/plugins/observability/public/components/app/section/alerts/index.tsx
@@ -11,6 +11,7 @@ import {
   EuiIconTip,
   EuiLink,
   EuiText,
+  EuiSpacer,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import moment from 'moment';
@@ -80,13 +81,14 @@ export function AlertsSection({ alerts }: Props) {
               const isLastElement = index === alerts.length - 1;
               return (
                 <EuiFlexGroup direction="column" gutterSize="s" key={alert.id}>
+                  <EuiSpacer size="s" />
                   <EuiFlexItem>
                     <EuiLink
                       href={core.http.basePath.prepend(
                         `/app/management/insightsAndAlerting/triggersActions/alert/${alert.id}`
                       )}
                     >
-                      {alert.name}
+                      <EuiText size="s">{alert.name}</EuiText>
                     </EuiLink>
                   </EuiFlexItem>
                   <EuiFlexItem grow={false}>