From bd4b86fe85b56c457be0e3ee963e108068776831 Mon Sep 17 00:00:00 2001
From: ncoronel <ncoronel@quo.ar>
Date: Thu, 2 Jul 2026 16:51:41 -0300
Subject: [PATCH] refactor(login, register): adjust header margins and improve
 error message display

---
 .../pages/login-page/login-page.component.html      | 13 +++++++------
 .../pages/login-page/login-page.component.scss      |  2 --
 .../register-page/register-page.component.html      |  2 +-
 .../register-page/register-page.component.scss      |  1 -
 src/styles.scss                                     |  2 +-
 5 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/app/features/store/pages/login-page/login-page.component.html b/src/app/features/store/pages/login-page/login-page.component.html
index d0b0f63..de6038b 100644
--- a/src/app/features/store/pages/login-page/login-page.component.html
+++ b/src/app/features/store/pages/login-page/login-page.component.html
@@ -1,5 +1,8 @@
-<header class="login-page__header text-center">
-  <h1 id="login-title" class="auth-title">Iniciar sesion</h1>
+<header class="login-page__header text-center mb-2">
+  <h1 id="login-title" class="auth-title mb-3">Iniciar sesion</h1>
+  @if (serverError(); as errorMessage) {
+      <small class="text-danger">{{ errorMessage }}</small>
+    }
 </header>
 
 <form
@@ -45,9 +48,6 @@
   </div>
 
   <div class="d-grid gap-2 text-center">
-    @if (serverError(); as errorMessage) {
-      <small class="text-danger">{{ errorMessage }}</small>
-    }
     <app-button
       type="submit"
       hostClass="w-100 d-block"
@@ -56,6 +56,7 @@
     >
       {{ isSubmitting() ? 'Ingresando...' : 'Ingresar' }}
     </app-button>
+    
     <app-button
       type="button"
       variant="borderless"
@@ -69,7 +70,7 @@
   </div>
 </form>
 
-<div class="login-page__divider d-flex align-items-center justify-content-center gap-3" aria-hidden="true">
+<div class="login-page__divider d-flex align-items-center justify-content-center gap-3 my-4" aria-hidden="true">
   <span class="login-page__divider-line flex-grow-1"></span>
   <span class="login-page__divider-dot rounded-circle border flex-shrink-0"></span>
   <span class="login-page__divider-line flex-grow-1"></span>
diff --git a/src/app/features/store/pages/login-page/login-page.component.scss b/src/app/features/store/pages/login-page/login-page.component.scss
index d3457aa..e5066bf 100644
--- a/src/app/features/store/pages/login-page/login-page.component.scss
+++ b/src/app/features/store/pages/login-page/login-page.component.scss
@@ -3,7 +3,6 @@
 }
 
 .login-page__header {
-  margin-bottom: 1.5rem;
 }
 
 .login-page__form {
@@ -21,7 +20,6 @@
 }
 
 .login-page__divider {
-  margin-block: 1.5rem;
 }
 
 .login-page__divider-line {
diff --git a/src/app/features/store/pages/register-page/register-page.component.html b/src/app/features/store/pages/register-page/register-page.component.html
index 43e91a9..d5c328c 100644
--- a/src/app/features/store/pages/register-page/register-page.component.html
+++ b/src/app/features/store/pages/register-page/register-page.component.html
@@ -1,4 +1,4 @@
-<header class="register-page__header text-center">
+<header class="register-page__header text-center mb-4">
   <h1 id="register-title" class="auth-title">CREAR CUENTA</h1>
 </header>
 
diff --git a/src/app/features/store/pages/register-page/register-page.component.scss b/src/app/features/store/pages/register-page/register-page.component.scss
index 124bea4..9b3e000 100644
--- a/src/app/features/store/pages/register-page/register-page.component.scss
+++ b/src/app/features/store/pages/register-page/register-page.component.scss
@@ -3,7 +3,6 @@
 }
 
 .register-page__header {
-  margin-bottom: 1.5rem;
 }
 
 .register-page__form {
diff --git a/src/styles.scss b/src/styles.scss
index 0cbe8af..b50656e 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -7,7 +7,7 @@
 
 @import "../node_modules/bootstrap/scss/bootstrap";
 
-:root {
+:root, app-root {
   --bs-body-font-family: "Gotham", sans-serif;
   --bs-primary: var(--tenant-primary);
   --bs-primary-rgb: var(--tenant-primary-rgb);