From 77ce7eba0d0b9b82ab6f95b6a1c3cb2f451f73e9 Mon Sep 17 00:00:00 2001
From: Kyler Chin <7539174+kylerchin@users.noreply.github.com>
Date: Sun, 17 Nov 2024 01:31:26 -0800
Subject: [PATCH] show line between each alert

---
 src/components/serviceAlerts.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/serviceAlerts.svelte b/src/components/serviceAlerts.svelte
index ace79fc..7cdb00f 100644
--- a/src/components/serviceAlerts.svelte
+++ b/src/components/serviceAlerts.svelte
@@ -13,9 +13,9 @@ export let alerts = {};
 					>
 					{#each Object.values(alerts) as alert}
 						<div class="pt-1">
-							<p>
-								<span>{$_(cause_id_str(alert.cause))}</span>
-								<span> | </span>
+							<p class="text-sm">
+								<span class="">{$_(cause_id_str(alert.cause))}</span>
+								<span> -> </span>
 								<span>{$_(effect_id_str(alert.effect))}</span>
 								
 							</p>
@@ -35,6 +35,7 @@ export let alerts = {};
 								{/each}
 							{/each}
 						</div>
+						<hr/>
 					{/each}
 				</div>
 			{/if}
\ No newline at end of file