From 4e91e567b23fc619427cf07ff61883617d7425d5 Mon Sep 17 00:00:00 2001
From: Stavros <steveiliop56@gmail.com>
Date: Fri, 9 May 2025 23:17:53 +0300
Subject: [PATCH] fix: use correct tab order in login form

---
 frontend/src/components/auth/login-form.tsx | 26 ++++++++++-----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/auth/login-form.tsx b/frontend/src/components/auth/login-form.tsx
index f63a839..764e92a 100644
--- a/frontend/src/components/auth/login-form.tsx
+++ b/frontend/src/components/auth/login-form.tsx
@@ -51,24 +51,24 @@ export const LoginForm = (props: Props) => {
           name="password"
           render={({ field }) => (
             <FormItem className="mb-4">
-              <FormLabel className="flex flex-row justify-between">
-                <span>{t("loginPassword")}</span>
+              <div className="relative">
+                <FormLabel className="mb-2">{t("loginPassword")}</FormLabel>
+                <FormControl>
+                  <Input
+                    placeholder={t("loginPassword")}
+                    type="password"
+                    disabled={loading}
+                    {...field}
+                  />
+                </FormControl>
+                <FormMessage />
                 <a
                   href="/forgot-password"
-                  className="text-muted-foreground font-normal"
+                  className="text-muted-foreground text-sm absolute right-0 bottom-10"
                 >
                   {t("forgotPasswordTitle")}
                 </a>
-              </FormLabel>
-              <FormControl>
-                <Input
-                  placeholder={t("loginPassword")}
-                  type="password"
-                  disabled={loading}
-                  {...field}
-                />
-              </FormControl>
-              <FormMessage />
+              </div>
             </FormItem>
           )}
         />