From a49dd09013a66c5a4d1ff42a000589086896eb96 Mon Sep 17 00:00:00 2001
From: Sam <sam@sam.wf>
Date: Thu, 30 Mar 2023 00:31:23 +0200
Subject: [PATCH] feat: move toasts to top center to not obstruct menu

---
 frontend/src/lib/toast.ts          | 2 --
 frontend/src/routes/+layout.svelte | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/frontend/src/lib/toast.ts b/frontend/src/lib/toast.ts
index 70b14bb..4c72adf 100644
--- a/frontend/src/lib/toast.ts
+++ b/frontend/src/lib/toast.ts
@@ -17,8 +17,6 @@ let maxId = 0;
 export const addToast = (data: ToastData) => {
   const id = maxId++;
 
-  console.log(id);
-
   toastStore.update((toasts) => (toasts = [...toasts, { ...data, id }]));
 
   if (data.duration !== -1) {
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index fa6a81e..bc1a590 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -29,7 +29,7 @@
     <Navigation />
     <div class="container">
       <slot />
-      <div class="position-absolute top-0 end-0">
+      <div class="position-absolute top-0 start-50 translate-middle-x">
         {#each $toastStore as toast}
           <Toast header={toast.header} body={toast.body} />
         {/each}