From 0e0ea5091254c3334426d56095e1bc7053cd4e5c Mon Sep 17 00:00:00 2001
From: "courtmanr@gmail.com" <courtmanr@gmail.com>
Date: Wed, 28 May 2025 11:13:50 +0100
Subject: [PATCH] docs: organize desktop screenshots in 2x2 grid layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change desktop screenshots from vertical list to 2x2 grid table format
- Set screenshot width to 400px for better readability
- Add clear labels above each desktop screenshot
- Maintain dashboard as hero image while organizing other views

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 README.md | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 9c33ece7d..ee4f80db5 100644
--- a/README.md
+++ b/README.md
@@ -13,14 +13,26 @@ A lightweight monitoring application for Proxmox VE that displays real-time stat
 <details>
 <summary><strong>Click to view other UI tabs</strong></summary>
 
-**PBS Tab:**
-![PBS View](docs/images/02-pbs-view.png)
-
-**Backups Tab:**
-![Backups View](docs/images/03-backups-view.png)
-
-**Line Graph Toggle:**
-![Line Graph Toggle View](docs/images/04-line-graph-toggle.png)
+<div align="center">
+<table>
+<tr>
+<td align="center"><strong>PBS Tab</strong></td>
+<td align="center"><strong>Backups Tab</strong></td>
+</tr>
+<tr>
+<td><img src="docs/images/02-pbs-view.png" alt="PBS View" width="400"/></td>
+<td><img src="docs/images/03-backups-view.png" alt="Backups View" width="400"/></td>
+</tr>
+<tr>
+<td align="center"><strong>Line Graph Toggle</strong></td>
+<td></td>
+</tr>
+<tr>
+<td><img src="docs/images/04-line-graph-toggle.png" alt="Line Graph Toggle View" width="400"/></td>
+<td></td>
+</tr>
+</table>
+</div>
 
 </details>