From d3f4cb2deaf0cfd7d736c926b69ae8adf1a1835e Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 14 Mar 2023 16:07:06 +0000
Subject: [PATCH] refactor: edit html structure

---
 src/lib/layout/notification.svelte  | 4 ++--
 src/lib/layout/notifications.svelte | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/layout/notification.svelte b/src/lib/layout/notification.svelte
index baae131a8..71c3b8edc 100644
--- a/src/lib/layout/notification.svelte
+++ b/src/lib/layout/notification.svelte
@@ -10,7 +10,7 @@
     const dispatch = createEventDispatcher();
 </script>
 
-<li
+<div
     class="alert-sticky"
     class:is-success={type === 'success'}
     class:is-warning={type === 'warning'}
@@ -47,4 +47,4 @@
             {/each}
         </div>
     {/if}
-</li>
+</div>
diff --git a/src/lib/layout/notifications.svelte b/src/lib/layout/notifications.svelte
index 9357a4a4e..da64f62d1 100644
--- a/src/lib/layout/notifications.svelte
+++ b/src/lib/layout/notifications.svelte
@@ -8,7 +8,7 @@
     <section>
         <ul class="u-flex u-flex-vertical u-gap-16">
             {#each $notifications as notification (notification.id)}
-                <div animate:flip={{ duration: 500 }}>
+                <li animate:flip={{ duration: 500 }}>
                     <Notification
                         type={notification.type}
                         title={notification.title}
@@ -16,7 +16,7 @@
                         buttons={notification?.buttons}>
                         {notification.message}
                     </Notification>
-                </div>
+                </li>
             {/each}
         </ul>
     </section>