From 024940cf5c414a27fd3cf93af95a3d2a587eb7fb Mon Sep 17 00:00:00 2001
From: Arik Chakma <arikchangma@gmail.com>
Date: Sun, 2 Apr 2023 03:36:55 +0600
Subject: [PATCH] fix: spacing for login and signup page

---
 src/pages/login.astro  | 18 +++++++++---------
 src/pages/signup.astro |  9 ++++++++-
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/pages/login.astro b/src/pages/login.astro
index 2c4f16b0a..377a9df7c 100644
--- a/src/pages/login.astro
+++ b/src/pages/login.astro
@@ -16,17 +16,12 @@ import BaseLayout from '../layouts/BaseLayout.astro';
 >
   <div class='container'>
     <div
-      class='mx-auto flex flex-col items-start justify-start py-12 sm:min-h-[550px] sm:max-w-[400px] sm:items-center sm:justify-center sm:py-0'
+      class='mx-auto flex flex-col items-start justify-start py-12 sm:max-w-[400px] sm:items-center sm:justify-center'
     >
       <div class='mb-2 text-left sm:mb-5 sm:text-center'>
-        <h1 class='mb-2 text-3xl font-semibold sm:mb-4 sm:text-5xl'>Signup</h1>
-        <p class='text-md hidden text-gray-600 sm:block'>
-          Register yourself to receive occasional emails about new roadmaps,
-          updates, guides and videos
-        </p>
-        <p class='block text-sm text-gray-600 sm:hidden'>
-          Register yourself for occasional updates about roadmaps, guides and
-          videos.
+        <h1 class='mb-2 text-3xl font-semibold sm:mb-4 sm:text-5xl'>Login</h1>
+        <p class='text-md block text-gray-600 sm:block'>
+          Welcome back! Login to your account.
         </p>
       </div>
 
@@ -38,6 +33,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
       <Divider />
 
       <EmailLoginForm client:load />
+
+      <div class='mt-6 text-center text-sm text-slate-600'>
+        Don't have an account?{' '}
+        <a href='/signup' class='font-medium text-blue-700 hover:text-blue-600'> Sign up</a>
+      </div>
     </div>
   </div>
 
diff --git a/src/pages/signup.astro b/src/pages/signup.astro
index 9410d257c..0d8bc2c78 100644
--- a/src/pages/signup.astro
+++ b/src/pages/signup.astro
@@ -16,7 +16,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
 >
   <div class='container'>
     <div
-      class='mx-auto flex flex-col items-start justify-start py-12 sm:min-h-[550px] sm:max-w-[400px] sm:items-center sm:justify-center sm:py-0'
+      class='mx-auto flex flex-col items-start justify-start py-12 sm:max-w-[400px] sm:items-center sm:justify-center'
     >
       <div class='mb-2 text-left sm:mb-5 sm:text-center'>
         <h1 class='mb-2 text-3xl font-semibold sm:mb-4 sm:text-5xl'>Signup</h1>
@@ -38,6 +38,13 @@ import BaseLayout from '../layouts/BaseLayout.astro';
       <Divider />
 
       <EmailSignupForm client:load />
+
+      <div class='mt-6 text-center text-sm text-slate-600'>
+        Already have an account? <a
+          href='/login'
+          class='font-medium text-blue-700 hover:text-blue-600'>Login</a
+        >
+      </div>
     </div>
   </div>