demo seed change

frontend/src/utils/toast.ts

@@ -37,6 +37,11 @@ const success = (message: string, options?: ToastOptions): string => {
   return toast.success(fullMessage, {
     duration,
     id: options?.id,
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'flex-start'
+    }
   });
 };
 
@@ -55,6 +60,11 @@ const error = (message: string, options?: ToastOptions): string => {
   return toast.error(fullMessage, {
     duration,
     id: options?.id,
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'flex-start'
+    }
   });
 };
 
@@ -74,6 +84,11 @@ const warning = (message: string, options?: ToastOptions): string => {
     duration,
     id: options?.id,
     icon: '⚠️',
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'flex-start'
+    }
   });
 };
 
@@ -93,6 +108,11 @@ const info = (message: string, options?: ToastOptions): string => {
     duration,
     id: options?.id,
     icon: 'ℹ️',
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'flex-start'
+    }
   });
 };
 
@@ -111,6 +131,11 @@ const loading = (message: string, options?: ToastOptions): string => {
   return toast.loading(fullMessage, {
     duration,
     id: options?.id,
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'flex-start'
+    }
   });
 };