From eb9d9158dbb3457c59245ef4e061f534f22ba474 Mon Sep 17 00:00:00 2001
From: Ivo Oskamp <ivooskamp@oskamp.info>
Date: Sun, 8 Feb 2026 12:39:11 +0100
Subject: [PATCH] Center documentation images horizontally

- Added display: block to .doc-content img
- Changed margin from '20px 0' to '20px auto' for horizontal centering
- Images now centered like their figcaptions
- Applies to all documentation screenshots (user-management.png, user-settings.png)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 containers/backupchecks/src/static/css/documentation.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/containers/backupchecks/src/static/css/documentation.css b/containers/backupchecks/src/static/css/documentation.css
index 0294779..d5eac78 100644
--- a/containers/backupchecks/src/static/css/documentation.css
+++ b/containers/backupchecks/src/static/css/documentation.css
@@ -103,11 +103,12 @@
 }
 
 .doc-content img {
+  display: block;
   max-width: 100%;
   height: auto;
   border: 1px solid #dee2e6;
   border-radius: 4px;
-  margin: 20px 0;
+  margin: 20px auto;
   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }