From 717cd250108bceafddccf0b9b7b263a4e5eca003 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakob=20R=C3=B6ssner?= <jakob.roessner@outlook.de>
Date: Sat, 2 Nov 2024 19:48:07 +1100
Subject: [PATCH] fix(styles): auth pages

---
 src/app/(auth)/sign-in/page.tsx | 22 ++++++++++------------
 src/app/(auth)/sign-up/page.tsx |  4 ++--
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/app/(auth)/sign-in/page.tsx b/src/app/(auth)/sign-in/page.tsx
index 39eee0fd..96c3406b 100644
--- a/src/app/(auth)/sign-in/page.tsx
+++ b/src/app/(auth)/sign-in/page.tsx
@@ -5,20 +5,18 @@ import Link from "next/link";
 
 const SignInPage = () => {
   return (
-    <main>
-      <div className="relative flex min-h-screen flex-col items-center justify-center">
-        <div className="flex w-4/5 items-center justify-center gap-8 pb-16">
-          <Image src={icon} className={"w-20 xl:w-24"} alt="logo of Chat.io" />
-          <h1 className="pr-9 text-xl font-bold tracking-tight sm:text-3xl">
-            Welcome back to Chat.io
-          </h1>
-        </div>
-        <SignInForm />
+    <main className="relative flex min-h-screen flex-col items-center justify-center">
+      <div className="mt-10 flex w-4/5 items-center justify-center gap-8 pb-4 xl:mt-0">
+        <Image src={icon} className={"w-20 xl:w-24"} alt="logo of Chat.io" />
+        <h1 className="pr-9 text-xl font-bold tracking-tight sm:text-3xl">
+          Welcome back to Chat.io
+        </h1>
       </div>
-      <div className="bottom-3 left-0 flex w-full items-end justify-center xl:fixed">
-        <span className="mb-7 flex w-3/4 items-center justify-center gap-8">
+      <SignInForm />
+      <div className="bottom-3 left-0 flex w-full items-end justify-center pb-7 text-center">
+        <span className="flex w-3/4 items-center justify-center gap-8 pt-7">
           <div>
-            If you not have an account you can{" "}
+            If you don&#39;t have an account you can{" "}
             <Link href="/sign-up" className="underline">
               sign-up here
             </Link>
diff --git a/src/app/(auth)/sign-up/page.tsx b/src/app/(auth)/sign-up/page.tsx
index b31fa3a6..c9b148b4 100644
--- a/src/app/(auth)/sign-up/page.tsx
+++ b/src/app/(auth)/sign-up/page.tsx
@@ -6,14 +6,14 @@ import Link from "next/link";
 const SignInPage = () => {
   return (
     <main className="relative flex min-h-screen flex-col items-center justify-center">
-      <div className="mt-10 flex w-4/5 items-center justify-center gap-8 pb-16 xl:mt-0">
+      <div className="mt-10 flex w-4/5 items-center justify-center gap-8 pb-4 xl:mt-0">
         <Image src={icon} className={"w-20 xl:w-24"} alt="logo of Chat.io" />
         <h1 className="pr-9 text-xl font-bold tracking-tight sm:text-3xl">
           Welcome to Chat.io
         </h1>
       </div>
       <SignUpForm />
-      <div className="bottom-3 left-0 mb-7 mt-10 flex w-full items-end justify-center xl:fixed">
+      <div className="bottom-3 left-0 flex w-full items-end justify-center pb-7 text-center">
         <span className="flex w-3/4 items-center justify-center gap-8 pt-7">
           <div>
             If you already have an account you can{" "}