From 5163ca7b4a59b4e94d12d40298fa9be5f439e312 Mon Sep 17 00:00:00 2001
From: Ivo Oskamp <ivooskamp@oskamp.info>
Date: Thu, 19 Mar 2026 16:00:33 +0100
Subject: [PATCH] Layout v2 template fixes: style blocks and heading levels

- inbox.html, admin_all_mail.html: move <style> block into {% block head %}
  (styles outside Jinja blocks are silently dropped in template inheritance)
- feedback.html, feedback_detail.html, feedback_new.html, user_settings.html:
  replace <h1 class="h4"> with <h2> to match app-wide heading convention

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../backupchecks/src/templates/main/admin_all_mail.html       | 4 ++--
 containers/backupchecks/src/templates/main/feedback.html      | 2 +-
 .../backupchecks/src/templates/main/feedback_detail.html      | 2 +-
 containers/backupchecks/src/templates/main/feedback_new.html  | 2 +-
 containers/backupchecks/src/templates/main/inbox.html         | 4 ++--
 containers/backupchecks/src/templates/main/user_settings.html | 2 +-
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/containers/backupchecks/src/templates/main/admin_all_mail.html b/containers/backupchecks/src/templates/main/admin_all_mail.html
index c822c40..801c3ce 100644
--- a/containers/backupchecks/src/templates/main/admin_all_mail.html
+++ b/containers/backupchecks/src/templates/main/admin_all_mail.html
@@ -1,14 +1,14 @@
 {% extends "layout/base.html" %}
 
+{% block head %}
 <style>
   .modal-xxl { max-width: 98vw; }
   @media (min-width: 1400px) { .modal-xxl { max-width: 1400px; } }
-
   #msg_body_container_iframe { height: 55vh; }
   #msg_objects_container { max-height: 25vh; overflow: auto; }
-
   .filter-card .form-label { font-size: 0.85rem; }
 </style>
+{% endblock %}
 
 {# Pager macro must be defined before it is used #}
 {% macro pager(position, page, total_pages, has_prev, has_next, filter_params) -%}
diff --git a/containers/backupchecks/src/templates/main/feedback.html b/containers/backupchecks/src/templates/main/feedback.html
index 70e09f6..730e5d5 100644
--- a/containers/backupchecks/src/templates/main/feedback.html
+++ b/containers/backupchecks/src/templates/main/feedback.html
@@ -2,7 +2,7 @@
 
 {% block content %}
 <div class="d-flex justify-content-between align-items-center mb-3">
-  <h1 class="h4 mb-0">Feedback</h1>
+  <h2 class="mb-0">Feedback</h2>
   <a class="btn btn-primary" href="{{ url_for('main.feedback_new') }}">New</a>
 </div>
 
diff --git a/containers/backupchecks/src/templates/main/feedback_detail.html b/containers/backupchecks/src/templates/main/feedback_detail.html
index d483e0d..1ea0df7 100644
--- a/containers/backupchecks/src/templates/main/feedback_detail.html
+++ b/containers/backupchecks/src/templates/main/feedback_detail.html
@@ -3,7 +3,7 @@
 {% block content %}
 <div class="d-flex justify-content-between align-items-center mb-3">
   <div>
-    <h1 class="h4 mb-1">{{ item.title }}</h1>
+    <h2 class="mb-1">{{ item.title }}</h2>
     <div class="text-muted" style="font-size: 0.9rem;">
       {% if item.item_type == 'bug' %}
         <span class="badge text-bg-danger">Bug</span>
diff --git a/containers/backupchecks/src/templates/main/feedback_new.html b/containers/backupchecks/src/templates/main/feedback_new.html
index 57bc49f..d4e0d15 100644
--- a/containers/backupchecks/src/templates/main/feedback_new.html
+++ b/containers/backupchecks/src/templates/main/feedback_new.html
@@ -2,7 +2,7 @@
 
 {% block content %}
 <div class="d-flex justify-content-between align-items-center mb-3">
-  <h1 class="h4 mb-0">New Feedback</h1>
+  <h2 class="mb-0">New Feedback</h2>
   <a class="btn btn-outline-secondary" href="{{ url_for('main.feedback_page') }}">Back</a>
 </div>
 
diff --git a/containers/backupchecks/src/templates/main/inbox.html b/containers/backupchecks/src/templates/main/inbox.html
index 4785704..0e7fd44 100644
--- a/containers/backupchecks/src/templates/main/inbox.html
+++ b/containers/backupchecks/src/templates/main/inbox.html
@@ -1,13 +1,13 @@
 {% extends "layout/base.html" %}
 
+{% block head %}
 <style>
-  /* Inbox popup: wider + internal scroll areas */
   .modal-xxl { max-width: 98vw; }
   @media (min-width: 1400px) { .modal-xxl { max-width: 1400px; } }
-
   #msg_body_container_iframe { height: 55vh; }
   #msg_objects_container { max-height: 25vh; overflow: auto; }
 </style>
+{% endblock %}
 
 {# Pager macro must be defined before it is used #}
 {% macro pager(position, page, total_pages, has_prev, has_next) -%}
diff --git a/containers/backupchecks/src/templates/main/user_settings.html b/containers/backupchecks/src/templates/main/user_settings.html
index 8797cc2..3aca555 100644
--- a/containers/backupchecks/src/templates/main/user_settings.html
+++ b/containers/backupchecks/src/templates/main/user_settings.html
@@ -2,7 +2,7 @@
 
 {% block content %}
 <div class="d-flex justify-content-between align-items-center mb-3">
-  <h1 class="h4 mb-0">User Settings</h1>
+  <h2 class="mb-0">User Settings</h2>
 </div>
 
 <div class="card" style="max-width: 40rem;">