From 476d9c7703f87d596c0d9a6deee6b2c8ec90d6c2 Mon Sep 17 00:00:00 2001
From: Ivo Oskamp <ivooskamp@oskamp.info>
Date: Thu, 8 Jan 2026 15:47:01 +0100
Subject: [PATCH] Auto-commit local changes before build (2026-01-08 15:47:01)

---
 .last-branch                                             | 2 +-
 containers/backupchecks/src/templates/main/inbox.html    | 7 ++++---
 .../backupchecks/src/templates/main/job_detail.html      | 7 ++++---
 docs/changelog.md                                        | 9 +++++++++
 4 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/.last-branch b/.last-branch
index a1d2ee6..bbff285 100644
--- a/.last-branch
+++ b/.last-branch
@@ -1 +1 @@
-v20260108-35-3cx-ssl-certificate-tracking
+v20260108-36-inbox-jobdetails-details-above-mail
diff --git a/containers/backupchecks/src/templates/main/inbox.html b/containers/backupchecks/src/templates/main/inbox.html
index 30f9cc4..4dc82b5 100644
--- a/containers/backupchecks/src/templates/main/inbox.html
+++ b/containers/backupchecks/src/templates/main/inbox.html
@@ -170,13 +170,14 @@
 
               <dt class="col-4">Parsed</dt>
               <dd class="col-8" id="msg_parsed"></dd>
-
-              <dt class="col-4">Details</dt>
-              <dd class="col-8" id="msg_overall_message" style="white-space: pre-wrap;"></dd>
             </dl>
           </div>
 
           <div class="col-md-9">
+            <div class="mb-2">
+              <h6 class="mb-1">Details</h6>
+              <div id="msg_overall_message" class="border rounded p-2" style="white-space: pre-wrap; max-height: 20vh; overflow: auto;"></div>
+            </div>
             <div class="border rounded p-2 p-0" style="overflow:hidden;">
               <iframe id="msg_body_container_iframe" class="w-100" style="height:55vh; border:0; background:transparent;" sandbox="allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation"></iframe>
             </div>
diff --git a/containers/backupchecks/src/templates/main/job_detail.html b/containers/backupchecks/src/templates/main/job_detail.html
index 749de5b..11913af 100644
--- a/containers/backupchecks/src/templates/main/job_detail.html
+++ b/containers/backupchecks/src/templates/main/job_detail.html
@@ -213,9 +213,6 @@
               <dt class="col-4">Overall</dt>
               <dd class="col-8" id="run_msg_overall"></dd>
 
-              <dt class="col-4">Message</dt>
-              <dd class="col-8" id="run_msg_overall_message" style="white-space: pre-wrap;"></dd>
-
               <dt class="col-4">Customer</dt>
               <dd class="col-8" id="run_msg_customer"></dd>
 
@@ -229,6 +226,10 @@
           </div>
 
           <div class="col-md-9">
+            <div class="mb-2">
+              <h6 class="mb-1">Details</h6>
+              <div id="run_msg_overall_message" class="border rounded p-2" style="white-space: pre-wrap; max-height: 20vh; overflow: auto;"></div>
+            </div>
             <div class="border rounded p-2 p-0" style="overflow:hidden;">
               <iframe id="run_msg_body_container_iframe" class="w-100" style="height:55vh; border:0; background:transparent;" sandbox="allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation"></iframe>
             </div>
diff --git a/docs/changelog.md b/docs/changelog.md
index 4747e42..0331a14 100644
--- a/docs/changelog.md
+++ b/docs/changelog.md
@@ -79,6 +79,15 @@
 - Parsed the message content and displayed it in the Run Checks popup.
 - Stored the message as a successful run so it could be tracked over time.
 
+---
+
+## v20260108-36-inbox-jobdetails-details-above-mail
+
+### Changes
+- Moved the **Details** section above the email body in the **Inbox** popup.
+- Moved the **Details** section above the email body in the **Job Details** popup.
+- Improved readability by avoiding long detail texts being constrained to the narrow left column.
+
 ================================================================================================================================================
 ## v0.1.18
 
-- 
2.45.2