From a251302533ee34a5d3519ed8a25bca71d10f9929 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Mon, 22 Jul 2024 09:48:15 -0600
Subject: [PATCH] Update spacing and font weight (#2222)

---
 src/lib/holocene/alert.svelte | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/lib/holocene/alert.svelte b/src/lib/holocene/alert.svelte
index e1cd35fb3..d114b00a9 100644
--- a/src/lib/holocene/alert.svelte
+++ b/src/lib/holocene/alert.svelte
@@ -44,18 +44,14 @@
 </script>
 
 <div
-  class={merge('alert flex', intent, className)}
+  class={merge('alert', intent, className)}
   class:hidden
   {role}
   {...$$restProps}
 >
-  {#if icon}
-    <div class="pt-1">
-      <Icon name={icon} />
-    </div>
-  {/if}
-  <div class="ml-1 grow">
-    <p class="font-semibold leading-6" class:hidden={!title}>
+  <Icon name={icon} class="mt-0.5 shrink-0" />
+  <div class="min-w-0 gap-1">
+    <p class="font-medium">
       {title}
     </p>
     {#if $$slots.default}
@@ -68,7 +64,7 @@
 
 <style lang="postcss">
   .alert {
-    @apply rounded-lg border-2 p-5 font-primary text-sm text-primary;
+    @apply flex items-start gap-2 break-words rounded-lg border-2 p-5 font-primary text-sm text-primary;
   }
 
   .alert.success {