From 81cb95391a4a3ce22ac57efe6d113933d43cd827 Mon Sep 17 00:00:00 2001
From: Aaron William Po <apo2@uwo.ca>
Date: Thu, 1 Jun 2023 21:01:04 -0400
Subject: [PATCH] fix: fix toast style by shifting close icon, fix installation
 issues

---
 src/components/ui/CustomToast.tsx | 4 ++--
 vercel.json                       | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/CustomToast.tsx b/src/components/ui/CustomToast.tsx
index 6788cc2..1ad6822 100644
--- a/src/components/ui/CustomToast.tsx
+++ b/src/components/ui/CustomToast.tsx
@@ -27,9 +27,9 @@ const CustomToast: FC<{ children: ReactNode }> = ({ children }) => {
           const alertType = toastToClassName(t.type);
           return (
             <div
-              className={`alert ${alertType} w-11/12 flex-row items-center shadow-lg animate-in fade-in duration-200 lg:w-4/12`}
+              className={`alert ${alertType} flex w-11/12 items-center justify-between shadow-lg animate-in fade-in duration-200 lg:w-4/12`}
             >
-              <p>{resolveValue(t.message, t)}</p>
+              <p className="w-full">{resolveValue(t.message, t)}</p>
               {t.type !== 'loading' && (
                 <div>
                   <button
diff --git a/vercel.json b/vercel.json
index 05bb8c2..d1002a2 100644
--- a/vercel.json
+++ b/vercel.json
@@ -1,3 +1,4 @@
 {
-  "buildCommand": "npx prisma generate && npx prisma migrate deploy && next build"
+  "buildCommand": "npx prisma generate && npx prisma migrate deploy && next build",
+  "installCommand": "npm install --legacy-peer-deps"
 }