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>
This commit is contained in:
Ivo Oskamp 2026-02-08 12:39:11 +01:00
parent 46a96a11fb
commit eb9d9158db

View File

@ -103,11 +103,12 @@
} }
.doc-content img { .doc-content img {
display: block;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 4px;
margin: 20px 0; margin: 20px auto;
box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1);
} }