[Observability] Overview: Alerts section style improvements (#77670)

* Adding margin for the alert item * Make the link text smaller
elastic · Sep 17, 2020 · 58aa101 · 58aa101
1 parent 79c26e3
commit 58aa101
Showing 1 changed file with 3 additions and 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
@@ -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}>