From 19bde0731ab8737afd5bce258b228d7aa5925f0e Mon Sep 17 00:00:00 2001
From: Aroy-Art <Aroy-Art@pm.me>
Date: Mon, 17 Mar 2025 10:22:09 +0100
Subject: [PATCH] Fix: tab order for login page

---
 frontend/src/components/partials/LoginForm.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/partials/LoginForm.tsx b/frontend/src/components/partials/LoginForm.tsx
index 37feee8..89e7efd 100644
--- a/frontend/src/components/partials/LoginForm.tsx
+++ b/frontend/src/components/partials/LoginForm.tsx
@@ -75,6 +75,7 @@ export function LoginForm({
                                     required
                                     value={username}
                                     onChange={(e) => setUsername(e.target.value)}
+                                    tabIndex={1}
                                 />
                             </div>
                             <div className="grid gap-2">
@@ -83,6 +84,7 @@ export function LoginForm({
                                     <a
                                         href="#"
                                         className="ml-auto text-sm underline-offset-2 hover:underline"
+                                        tabIndex={4}
                                     >
                                         Forgot your password?
                                     </a>
@@ -93,9 +95,10 @@ export function LoginForm({
                                     required
                                     value={password}
                                     onChange={(e) => setPassword(e.target.value)}
+                                    tabIndex={2}
                                 />
                             </div>
-                            <Button type="submit" className="w-full bg-primary">
+                            <Button type="submit" className="w-full bg-primary" tabIndex={3}>
                                 {loading ? "Logging in..." : "Login"}
                             </Button>
                             <div className="text-center text-sm">