From d8ee87d63303472d5689f8ce37cc6b3501bbf26a Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Thu, 6 Nov 2025 10:49:17 +0100
Subject: [PATCH 1/3] fix: adapt login ui to design

---
 .../molecules/LoginForm/LoginForm.tsx         | 76 ++++++++++++-------
 1 file changed, 48 insertions(+), 28 deletions(-)

diff --git a/src/components/molecules/LoginForm/LoginForm.tsx b/src/components/molecules/LoginForm/LoginForm.tsx
index f0b47b51..283faf63 100644
--- a/src/components/molecules/LoginForm/LoginForm.tsx
+++ b/src/components/molecules/LoginForm/LoginForm.tsx
@@ -14,6 +14,7 @@ import { loginFormSchema, LoginFormData } from "./schema"
 import { useState } from "react"
 import { login } from "@/lib/data/customer"
 import { useRouter } from "next/navigation"
+import Link from "next/link"
 
 export const LoginForm = () => {
   const methods = useForm<LoginFormData>({
@@ -56,36 +57,55 @@ const Form = () => {
 
   return (
     <main className="container">
-      <h1 className="heading-xl text-center uppercase my-6">
-        Log in to your account
-      </h1>
-      <form onSubmit={handleSubmit(submit)}>
-        <div className="w-96 max-w-full mx-auto space-y-4">
-          <LabeledInput
-            label="E-mail"
-            placeholder="Your e-mail address"
-            error={errors.email as FieldError}
-            {...register("email")}
-          />
-          <LabeledInput
-            label="Password"
-            placeholder="Your password"
-            type="password"
-            error={errors.password as FieldError}
-            {...register("password")}
-          />
-          {error && <p className="label-md text-negative">{error}</p>}
-          <Button className="w-full" disabled={isSubmitting}>
-            Log in
+      <div className="max-w-xl w-full mx-auto mt-6 space-y-4">
+        <div className="rounded-sm border p-4">
+          <h1 className="heading-md uppercase mb-8 text-primary">Log in</h1>
+          <form onSubmit={handleSubmit(submit)}>
+            <div className="space-y-4">
+              <LabeledInput
+                label="E-mail"
+                placeholder="Your e-mail address"
+                error={errors.email as FieldError}
+                {...register("email")}
+              />
+              <LabeledInput
+                label="Password"
+                placeholder="Your password"
+                type="password"
+                error={errors.password as FieldError}
+                {...register("password")}
+              />
+            </div>
+
+            <p className="text-right label-md uppercase text-action-on-secondary mt-4 mb-6">
+              Forgot your password?
+            </p>
+
+            <Button className="w-full uppercase" disabled={isSubmitting}>
+              Log in
+            </Button>
+
+            {error && (
+              <p className="label-md text-negative my-4 text-center">{error}</p>
+            )}
+          </form>
+        </div>
+
+        <div className="rounded-sm border p-4">
+          <h2 className="heading-md uppercase mb-4 text-primary">
+            Don&apos;t have an account yet?
+          </h2>
+          <Link href="/user/register">
+
+          <Button
+            variant="tonal"
+            className="w-full flex justify-center mt-8 uppercase"
+          >
+            Create account
           </Button>
-          <p className="text-center label-md">
-            Don&apos;t have an account yet?{" "}
-            <LocalizedClientLink href="/user/register" className="underline">
-              Sign up!
-            </LocalizedClientLink>
-          </p>
+          </Link>
         </div>
-      </form>
+      </div>
     </main>
   )
 }

From cdf05c6df1b9c0337ade98239cb9db95e2c1b647 Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Thu, 6 Nov 2025 10:49:47 +0100
Subject: [PATCH 2/3] fix: correct heading levels, remove unnecessary paragraph

---
 .../molecules/RegisterForm/RegisterForm.tsx   | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/components/molecules/RegisterForm/RegisterForm.tsx b/src/components/molecules/RegisterForm/RegisterForm.tsx
index 2f456118..a8498425 100644
--- a/src/components/molecules/RegisterForm/RegisterForm.tsx
+++ b/src/components/molecules/RegisterForm/RegisterForm.tsx
@@ -129,19 +129,17 @@ const Form = () => {
         </form>
       </Container>
       <Container className="border max-w-xl mx-auto mt-8 p-4">
-        <h1 className="heading-md text-primary uppercase mb-8">
+        <h2 className="heading-md text-primary uppercase mb-8">
           Already have an account?
-        </h1>
-        <p className="text-center label-md">
-          <Link href="/user">
-            <Button
-              variant="tonal"
-              className="w-full flex justify-center mt-8 uppercase"
-            >
-              Log in
-            </Button>
-          </Link>
-        </p>
+        </h2>
+        <Link href="/user">
+          <Button
+            variant="tonal"
+            className="w-full flex justify-center mt-8 uppercase"
+          >
+            Log in
+          </Button>
+        </Link>
       </Container>
     </main>
   )

From 5aaa6beb3dacd511cc60107ca3ab25611b28bd13 Mon Sep 17 00:00:00 2001
From: sylwia-werner <werner.sylwia38@gmail.com>
Date: Thu, 6 Nov 2025 12:52:36 +0100
Subject: [PATCH 3/3] fix: comment not functional link

---
 .../molecules/LoginForm/LoginForm.tsx         | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/molecules/LoginForm/LoginForm.tsx b/src/components/molecules/LoginForm/LoginForm.tsx
index 283faf63..fe2a7855 100644
--- a/src/components/molecules/LoginForm/LoginForm.tsx
+++ b/src/components/molecules/LoginForm/LoginForm.tsx
@@ -77,11 +77,12 @@ const Form = () => {
               />
             </div>
 
-            <p className="text-right label-md uppercase text-action-on-secondary mt-4 mb-6">
+            {/* TODO: Add forgot password link when forgot password page is implemented */}
+            {/* <Link href="/user/forgot-password" className="block text-right label-md uppercase text-action-on-secondary mt-4">
               Forgot your password?
-            </p>
+            </Link> */}
 
-            <Button className="w-full uppercase" disabled={isSubmitting}>
+            <Button className="w-full uppercase mt-8" disabled={isSubmitting}>
               Log in
             </Button>
 
@@ -96,13 +97,12 @@ const Form = () => {
             Don&apos;t have an account yet?
           </h2>
           <Link href="/user/register">
-
-          <Button
-            variant="tonal"
-            className="w-full flex justify-center mt-8 uppercase"
-          >
-            Create account
-          </Button>
+            <Button
+              variant="tonal"
+              className="w-full flex justify-center mt-8 uppercase"
+            >
+              Create account
+            </Button>
           </Link>
         </div>
       </div>