From 17d1a84792f4636c0da78957a801325e5f9951cc Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Sat, 8 Jul 2023 05:30:51 +0100
Subject: [PATCH] login type btn amended

---
 src/components/AuthPages/Login/index.jsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/AuthPages/Login/index.jsx b/src/components/AuthPages/Login/index.jsx
index 1f99a17..10905f7 100644
--- a/src/components/AuthPages/Login/index.jsx
+++ b/src/components/AuthPages/Login/index.jsx
@@ -207,11 +207,11 @@ export default function Login() {
               </div>
 
               {/* switch login component */}
-              <div className="flex justify-start items-center gap-3">
+              <div className="ml-7 flex justify-start items-center gap-3">
                 <button
                   name="full"
-                  className={`login-type-btn px-4 py-1 rounded-t-[3px] transition duration-200 ${
-                    loginType=='full' ? "bg-white text-[#000] border-t-[3px] border-[#4687ba]" : "bg-[#4687ba] text-white"
+                  className={`login-type-btn px-4 py-1 rounded-t-2xl transition duration-200 ${
+                    loginType=='full' ? "bg-white text-[#000] border-t-[2px]" : "bg-[#4687ba] text-white"
                   }`}
                   onClick={handleLoginType}
                 >
@@ -219,12 +219,12 @@ export default function Login() {
                 </button>
                 <button
                   name="family"
-                  className={`login-type-btn px-4 py-1 rounded-t-[3px] transition duration-200 ${
-                    loginType=='family' ? "bg-white text-[#000] border-t-[3px] border-[#4687ba]" : "bg-[#4687ba] text-white"
+                  className={`login-type-btn px-4 py-1 rounded-t-2xl transition duration-200 ${
+                    loginType=='family' ? "bg-white text-[#000] border-t-[2px]" : "bg-[#4687ba] text-white"
                   }`}
                   onClick={handleLoginType}
                 >
-                  Family
+                  Family Account
                 </button>
               </div>
 
@@ -234,7 +234,7 @@ export default function Login() {
               {
                 loginType == 'full' ? (
                   //user login component
-                  <div className="p-2 input-area login-area border-2 border-[#4687ba]">
+                  <div className="p-2 input-area login-area border-2 rounded-2xl">
                     <div className="input-item mb-5">
                       <InputCom
                         labelClass="tracking-wider"
@@ -322,7 +322,7 @@ export default function Login() {
                 ) : (
                   // END of user login compoenent
                   // family login compoenent
-                  <div className="p-2 input-area login-area border-2 border-[#4687ba]">
+                  <div className="p-2 input-area login-area border-2 rounded-2xl">
                     <div className="input-item mb-5">
                       <InputCom
                         labelClass="tracking-wider"