From 5bd195248d6311795f1f589f1805e5f42e59cf93 Mon Sep 17 00:00:00 2001
From: Ivo Oskamp <ivooskamp@oskamp.info>
Date: Sun, 8 Feb 2026 11:42:29 +0100
Subject: [PATCH] Fix callout box formatting in Quick Start page (Recommended
 Approach and Note)

---
 .../documentation/getting-started/quick-start.html        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/containers/backupchecks/src/templates/documentation/getting-started/quick-start.html b/containers/backupchecks/src/templates/documentation/getting-started/quick-start.html
index f611e78..2713f2a 100644
--- a/containers/backupchecks/src/templates/documentation/getting-started/quick-start.html
+++ b/containers/backupchecks/src/templates/documentation/getting-started/quick-start.html
@@ -33,8 +33,8 @@
 </ol>
 
 <div class="doc-callout doc-callout-tip">
-  <strong>💡 Recommended Approach:</strong>
-  Automatic mail import is <strong>disabled by default</strong>. Start by using the manual import button to test if everything works correctly. Once you're satisfied that emails are being imported and processed as expected, you can enable automatic mail import in <strong>Settings</strong> → <strong>Mail</strong>. This way, the system will automatically fetch new emails at the configured interval.
+  <strong>💡 Recommended Approach:</strong><br>
+  Automatic mail import is <strong>disabled by default</strong>. Start by using the manual import button to test if everything works correctly. Once you're satisfied that emails are being imported and processed as expected, you can enable automatic mail import in Settings → Mail. This way, the system will automatically fetch new emails at the configured interval.
 </div>
 
 <h2>Step 2: Add a Customer</h2>
@@ -47,8 +47,8 @@
 </ol>
 
 <div class="doc-callout doc-callout-info">
-  <strong>💡 Note:</strong>
-  On the Customers page, you'll see the number of jobs linked to each customer. If no jobs are configured yet, you'll see <strong style="color: red;">0</strong> displayed in red and bold.
+  <strong>💡 Note:</strong><br>
+  On the Customers page, you'll see the number of jobs linked to each customer. If no jobs are configured yet, you'll see <span style="color: red; font-weight: bold;">0</span> displayed in red and bold.
 </div>
 
 <h2>Step 3: Create Your First Job from Inbox</h2>