From 0dfbb30a5db99afd6a209ad76b978eb12a75ddb4 Mon Sep 17 00:00:00 2001
From: Mike Ball <mikedball@gmail.com>
Date: Thu, 3 Feb 2022 16:33:18 -0500
Subject: [PATCH] add 1em spacing between each Splunk On-Call card

Signed-off-by: Mike Ball <mikedball@gmail.com>
---
 .../src/components/EntitySplunkOnCallCard.tsx          | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/plugins/splunk-on-call/src/components/EntitySplunkOnCallCard.tsx b/plugins/splunk-on-call/src/components/EntitySplunkOnCallCard.tsx
index 1d3e639910..8dbbf6e848 100644
--- a/plugins/splunk-on-call/src/components/EntitySplunkOnCallCard.tsx
+++ b/plugins/splunk-on-call/src/components/EntitySplunkOnCallCard.tsx
@@ -22,6 +22,7 @@ import {
   CardContent,
   CardHeader,
   Divider,
+  makeStyles,
   Typography,
 } from '@material-ui/core';
 import AlarmAddIcon from '@material-ui/icons/AlarmAdd';
@@ -82,7 +83,14 @@ export const isSplunkOnCallAvailable = (entity: Entity) =>
   Boolean(entity.metadata.annotations?.[SPLUNK_ON_CALL_TEAM]) ||
   Boolean(entity.metadata.annotations?.[SPLUNK_ON_CALL_ROUTING_KEY]);
 
+const useStyles = makeStyles({
+  onCallCard: {
+    marginBottom: '1em',
+  },
+});
+
 export const EntitySplunkOnCallCard = () => {
+  const classes = useStyles();
   const config = useApi(configApiRef);
   const api = useApi(splunkOnCallApiRef);
   const { entity } = useEntity();
@@ -219,7 +227,7 @@ export const EntitySplunkOnCallCard = () => {
   return (
     <>
       {teams.map((team, i) => (
-        <Card key={i}>
+        <Card key={i} className={classes.onCallCard}>
           <CardHeader
             title="Splunk On-Call"
             subheader={[