From 6fb615a74335abb1f2bfe3ba9148a09466b29305 Mon Sep 17 00:00:00 2001
From: Blake Matthes <cowchmonkey@gmail.com>
Date: Wed, 5 Mar 2025 12:08:55 -0600
Subject: [PATCH] style(frontend): changes the login form to look a little
 better

---
 frontend/src/components/auth/LoginForm.tsx | 25 ++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/auth/LoginForm.tsx b/frontend/src/components/auth/LoginForm.tsx
index 4ecd95b..1cfbf49 100644
--- a/frontend/src/components/auth/LoginForm.tsx
+++ b/frontend/src/components/auth/LoginForm.tsx
@@ -81,7 +81,9 @@ const LoginForm = () => {
                 <hr className="rounded"></hr>
                 <form onSubmit={handleSubmit(onSubmitLogin)}>
                     <div>
-                        <Label>Username</Label>
+                        <Label htmlFor="username" className="m-1">
+                            Username
+                        </Label>
                         <Input
                             placeholder="smith001"
                             {...register("username")}
@@ -92,7 +94,9 @@ const LoginForm = () => {
                     </div>
                     <div>
                         <>
-                            <Label htmlFor={"password"}>Password</Label>
+                            <Label htmlFor={"password"} className="m-1">
+                                Password
+                            </Label>
                             <Input
                                 type="password"
                                 {...register("password")}
@@ -106,15 +110,24 @@ const LoginForm = () => {
                         <div className="flex">
                             <Controller
                                 render={({field}) => (
-                                    <Checkbox id="remember" checked={field.value} onCheckedChange={field.onChange} />
+                                    <>
+                                        <Checkbox
+                                            id="remember"
+                                            checked={field.value}
+                                            onCheckedChange={field.onChange}
+                                        />
+                                        <label
+                                            htmlFor="remember"
+                                            className="pl-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                        >
+                                            remember me
+                                        </label>
+                                    </>
                                 )}
                                 control={control}
                                 name="rememberMe"
                                 defaultValue={rememeberMe}
                             />
-                            <Label htmlFor="remember" className="pl-2">
-                                remember me
-                            </Label>
                         </div>
 
                         <div className="flex justify-end">