From 7ce971a231e890f8f315122564cafdc5e0db6a1e Mon Sep 17 00:00:00 2001
From: Akintola Rahmat <akintolarahmah@gmail.com>
Date: Mon, 3 Jun 2024 15:53:17 +0000
Subject: [PATCH] style: fix style changes on useremail

---
 cubeseed_login/src/component/forms/UserEmail.tsx | 14 +++++---------
 cubeseed_login/src/pages/index.tsx               |  2 +-
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/cubeseed_login/src/component/forms/UserEmail.tsx b/cubeseed_login/src/component/forms/UserEmail.tsx
index af7cb42..4d65a4a 100644
--- a/cubeseed_login/src/component/forms/UserEmail.tsx
+++ b/cubeseed_login/src/component/forms/UserEmail.tsx
@@ -30,7 +30,7 @@ const UserEmail: React.FC = () => {
   }
 
   return (
-    <div className=" m-auto flex flex-col justify-center align-middle sm:w-full md:w-3/6 ">
+    <div className=" m-auto flex flex-col justify-center p-4 align-middle sm:w-full md:w-1/2 ">
       <h1 className="signup-text  mb-4 mt-8 text-2xl">Sign up to Cubeseed</h1>
       <div className="input-wrapper my-4">
         <input
@@ -42,14 +42,10 @@ const UserEmail: React.FC = () => {
         />
         {errors.email && <p className="text-red-500">{errors.email}</p>}
       </div>
-      <div className="align-center my-auto flex justify-center">
-        <span className="line">
-          <hr />
-        </span>
-        <span>OR</span>
-        <span className="line">
-          <hr />
-        </span>
+      <div className="mb-2 flex items-center justify-center">
+        <span className=" w-full border-t border-solid border-gray-300"></span>
+        <span className="mx-2">OR</span>
+        <span className="w-full border-t border-solid border-gray-300"></span>
       </div>
       <div className="social-signin mb-2 flex justify-center gap-2 rounded-full border-2 border-solid p-1 align-bottom">
         <FcGoogle />
diff --git a/cubeseed_login/src/pages/index.tsx b/cubeseed_login/src/pages/index.tsx
index 24570cc..7996645 100644
--- a/cubeseed_login/src/pages/index.tsx
+++ b/cubeseed_login/src/pages/index.tsx
@@ -33,7 +33,7 @@ export default function Home() {
     <section>
       <Navbar />
       <section className="flex size-full flex-row">
-        <section className="m-auto size-full">
+        <section className="m-auto size-full min-h-screen">
           <form onSubmit={handleSubmit}>
             <ProgressBar index={currentIndex} length={steps} />
             {step}