From 060063a36dbf5785ce2ce8b7dda8bf6f96473c6b Mon Sep 17 00:00:00 2001
From: Ivo Oskamp <ivooskamp@oskamp.info>
Date: Sun, 8 Feb 2026 11:39:00 +0100
Subject: [PATCH] Fix Role-Based Menu Visibility formatting in First Login page

---
 .../getting-started/first-login.html             | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/containers/backupchecks/src/templates/documentation/getting-started/first-login.html b/containers/backupchecks/src/templates/documentation/getting-started/first-login.html
index fa56bfc..3fc1984 100644
--- a/containers/backupchecks/src/templates/documentation/getting-started/first-login.html
+++ b/containers/backupchecks/src/templates/documentation/getting-started/first-login.html
@@ -7,6 +7,11 @@
   Learn how to log in to BackupChecks and navigate the dashboard interface.
 </p>
 
+<div class="doc-callout doc-callout-info">
+  <strong>📝 Coming Soon:</strong>
+  This page is under construction. Screenshots and additional content will be added in future updates.
+</div>
+
 <h2>Logging In</h2>
 
 <p>To access BackupChecks:</p>
@@ -41,8 +46,15 @@
 <p>BackupChecks shows only the menu items relevant to your current role. This keeps the interface clean and focused on your tasks.</p>
 
 <div class="doc-callout doc-callout-tip">
-  <strong>Example - Reporter Role:</strong>
-  If you log in as a Reporter, you will only see: <strong>Dashboard</strong>, <strong>Reports</strong>, <strong>Documentation</strong>, <strong>Changelog</strong>, and <strong>Feedback</strong>.
+  <strong>Example - Reporter Role:</strong><br>
+  If you log in as a Reporter, you will only see:
+  <ul style="margin-bottom: 0;">
+    <li>Dashboard</li>
+    <li>Reports</li>
+    <li>Documentation</li>
+    <li>Changelog</li>
+    <li>Feedback</li>
+  </ul>
 </div>
 
 <h3>Common Menu Items</h3>