From efbde27dcc5f4672afe016a046072a37cf3bfb3f Mon Sep 17 00:00:00 2001
From: Nurfog <juan.allende@gmail.com>
Date: Wed, 9 Sep 2026 16:02:18 -0300
Subject: [PATCH] fix: login identico al legacy (header USUARIO|CLAVE, inputs
 apilados)

---
 src/app/login/page.tsx | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index bf6dfcd..92eff00 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -38,8 +38,7 @@ function LoginForm() {
         <div className="login-main-text text-light text-center">
           <img src="/favicon.png" alt="SAM" />
           <h1>SAM</h1>
-          <h3>Welcome</h3>
-          <h3>Bienvenido/a</h3>
+          <h3>Welcome | Bienvenido/a</h3>
           <h3>Portal IT</h3>
         </div>
       </div>
@@ -56,6 +55,9 @@ function LoginForm() {
                       <div className="card-body">
                         <form onSubmit={submit}>
                           <div className="row">
+                            <div className="col-md-12 mb-3 text-center">
+                              <strong>USUARIO | CLAVE</strong>
+                            </div>
                             {error && (
                               <div className="col-md-12 mb-3">
                                 <div className="alert alert-danger py-2 mb-0">
@@ -63,37 +65,28 @@ function LoginForm() {
                                 </div>
                               </div>
                             )}
-                            <div className="col-md-3 mt-2 text-start">
-                              <label className="form-label fw-semibold">USUARIO</label>
-                            </div>
-                            <div className="col-md-6 mt-2">
+                            <div className="col-md-3" />
+                            <div className="col-md-6">
                               <input
                                 name="TextBoxRut"
                                 type="text"
                                 value={rut}
                                 onChange={(e) => setRut(e.target.value)}
-                                className="form-control shadow"
+                                className="form-control shadow mb-2"
                                 required
                                 placeholder="Usuario"
                                 autoComplete="username"
                               />
-                            </div>
-                            <div className="col-md-3 mt-2 text-start">
-                              <label className="form-label fw-semibold">CLAVE</label>
-                            </div>
-                            <div className="col-md-6 mt-2">
                               <input
                                 name="TextBoxClave"
                                 type="password"
                                 value={clave}
                                 onChange={(e) => setClave(e.target.value)}
-                                className="form-control shadow"
+                                className="form-control shadow mb-2"
                                 required
                                 placeholder="Clave"
                                 autoComplete="current-password"
                               />
-                            </div>
-                            <div className="col-md-12 mt-3">
                               <div className="d-grid">
                                 <button
                                   type="submit"
@@ -108,6 +101,7 @@ function LoginForm() {
                                 </button>
                               </div>
                             </div>
+                            <div className="col-md-3" />
                           </div>
                         </form>
                       </div>