From 3385a8b7cbd5a85615b89875031dbb008e6c37dd Mon Sep 17 00:00:00 2001
From: Bryce <bryce@integreatconsult.com>
Date: Tue, 12 Aug 2025 20:23:01 -0700
Subject: [PATCH] Improve toast notification styling and add X icon for closing

---
 app/templates/base.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/templates/base.html b/app/templates/base.html
index 51b449f..9d0eca0 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -60,10 +60,12 @@
 
 </script>
 <!-- Toast for 5xx errors -->
-<div id="error-toast" class="toast toast-top toast-end hidden">
-    <div class="alert alert-error">
+<div id="error-toast" class="toast toast-top toast-end w-full z-100 hidden">
+    <div class="alert alert-error alert-lg">
         <span id="error-message"></span>
-        <button class="btn btn-sm btn-ghost" onclick="document.getElementById('error-toast').classList.add('hidden')">Close</button>
+        <button class="btn btn-sm btn-ghost" onclick="document.getElementById('error-toast').classList.add('hidden')">
+            <i class="fas fa-times"></i>
+        </button>
     </div>
 </div>