From 3d47f8bd906f06d6ad701a330f176fd42d47e01b Mon Sep 17 00:00:00 2001
From: JKuijperM <jkmontero17@gmail.com>
Date: Mon, 14 Sep 2026 20:13:28 +0200
Subject: [PATCH] Usa un unico h1 por pagina en el resto de vistas

Cuatro paginas tenian su titulo en <h2> sin ningun <h1> encima: el
formulario de categoria, ajustes, el login y la ayuda de contrasena. Y el
listado de categorias si tenia <h1>, pero colgaba de el dos <h3>, saltandose
el nivel intermedio.

Sube los titulos de pagina a <h1> y los subtitulos al nivel que les toca:
las dos secciones del listado de categorias a <h2> y las tres tarjetas de
ajustes a <h2>. El selector .settings-card h3 pasa a h2 para seguirlas y
mantener su margin: 0 0 0.25rem, que es lo que evita que el titulo abra
hueco dentro de la tarjeta.

En login y ayuda de contrasena el <h1> ademas importa para el layout:
.auth-container tiene padding: 2rem, y el padding impide que colapse el
margen superior del primer hijo. Con la escala que viene despues, un <h2>
ahi sumaria su margen a ese padding y dejaria el titulo a 56px del borde;
el <h1> no lleva margen superior.

Verificado renderizando las 36 vistas: todas con un solo h1 y sin saltos
de nivel.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 expenses_manager/expenses/static/expenses/css/base.css    | 2 +-
 expenses_manager/expenses/templates/categories/form.html  | 2 +-
 expenses_manager/expenses/templates/categories/list.html  | 4 ++--
 .../expenses/templates/registration/login.html            | 2 +-
 .../expenses/templates/registration/password_help.html    | 2 +-
 expenses_manager/expenses/templates/settings/index.html   | 8 ++++----
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/expenses_manager/expenses/static/expenses/css/base.css b/expenses_manager/expenses/static/expenses/css/base.css
index 0737050..f1c3294 100644
--- a/expenses_manager/expenses/static/expenses/css/base.css
+++ b/expenses_manager/expenses/static/expenses/css/base.css
@@ -898,7 +898,7 @@ tr:hover {
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 
-.settings-card h3 {
+.settings-card h2 {
     margin: 0 0 0.25rem 0;
 }
 
diff --git a/expenses_manager/expenses/templates/categories/form.html b/expenses_manager/expenses/templates/categories/form.html
index 581fff7..7feeb97 100644
--- a/expenses_manager/expenses/templates/categories/form.html
+++ b/expenses_manager/expenses/templates/categories/form.html
@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block content %}
-    <h2>Editar categoría</h2>
+    <h1>Editar categoría</h1>
 
     <form method="post" class="app-form">
         {% csrf_token %}
diff --git a/expenses_manager/expenses/templates/categories/list.html b/expenses_manager/expenses/templates/categories/list.html
index 224af55..ca0491d 100644
--- a/expenses_manager/expenses/templates/categories/list.html
+++ b/expenses_manager/expenses/templates/categories/list.html
@@ -8,7 +8,7 @@
 
     <h1>Mis categorías</h1>
 
-    <h3>Nueva categoría</h3>
+    <h2>Nueva categoría</h2>
     <form method="post" class="app-form">
         {% csrf_token %}
         {% include "expenses/_form_fields.html" %}
@@ -17,7 +17,7 @@
 
     <hr>
 
-    <h3>Listado</h3>
+    <h2>Listado</h2>
     <div class="table-wrap">
         <table>
             <thead>
diff --git a/expenses_manager/expenses/templates/registration/login.html b/expenses_manager/expenses/templates/registration/login.html
index e9df499..068d46c 100644
--- a/expenses_manager/expenses/templates/registration/login.html
+++ b/expenses_manager/expenses/templates/registration/login.html
@@ -2,7 +2,7 @@
 
 {% block content %}
 
-<h2>Iniciar sesión</h2>
+<h1>Iniciar sesión</h1>
 
 <form method="post" class="app-form">
     {% csrf_token %}
diff --git a/expenses_manager/expenses/templates/registration/password_help.html b/expenses_manager/expenses/templates/registration/password_help.html
index 1ff3636..ad0dcc9 100644
--- a/expenses_manager/expenses/templates/registration/password_help.html
+++ b/expenses_manager/expenses/templates/registration/password_help.html
@@ -2,7 +2,7 @@
 
 {% block content %}
 
-<h2>Recuperar contraseña</h2>
+<h1>Recuperar contraseña</h1>
 
 <p>
     Esta aplicación actualmente no envía correos de recuperación automáticos.
diff --git a/expenses_manager/expenses/templates/settings/index.html b/expenses_manager/expenses/templates/settings/index.html
index 7226251..9b9e81e 100644
--- a/expenses_manager/expenses/templates/settings/index.html
+++ b/expenses_manager/expenses/templates/settings/index.html
@@ -5,23 +5,23 @@
 {% endblock %}
 
 {% block content %}
-<h2>Configuración</h2>
+<h1>Configuración</h1>
 
 <p>Gestiona las categorías, etiquetas y objetivos de tu cuenta</p>
 
 <div class="settings-grid">
     <a class="settings-card" href="{% url 'category_list' %}">
-        <h3>Categorías</h3>
+        <h2>Categorías</h2>
         <p>Organiza tus gastos por tipo.</p>
     </a>
 
     <a class="settings-card" href="{% url 'tag_list' %}">
-        <h3>Etiquetas</h3>
+        <h2>Etiquetas</h2>
         <p>Añade etiquetas libres a tus gastos.</p>
     </a>
 
     <a class="settings-card" href="{% url 'goal_list' %}">
-        <h3>Objetivos</h3>
+        <h2>Objetivos</h2>
         <p>Define y controla tus metas de gasto.</p>
     </a>
 </div>