From d73f449c5d4711d225d5c90d74c2a63d35c59eb0 Mon Sep 17 00:00:00 2001
From: "courtmanr@gmail.com" <courtmanr@gmail.com>
Date: Wed, 28 May 2025 11:08:23 +0100
Subject: [PATCH] docs: improve mobile screenshots layout in README
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change mobile screenshots from vertical stack to side-by-side table format
- Constrain screenshot width to 250px for better readability
- Add clear labels above each mobile screenshot type

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

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

diff --git a/README.md b/README.md
index e0fe59572..9c33ece7d 100644
--- a/README.md
+++ b/README.md
@@ -29,14 +29,20 @@ A lightweight monitoring application for Proxmox VE that displays real-time stat
 <details>
 <summary><strong>Click to view mobile interface</strong></summary>
 
-**Mobile Dashboard:**
-![Mobile Dashboard](docs/images/05-mobile-dashboard.png)
-
-**Mobile PBS View:**
-![Mobile PBS View](docs/images/06-mobile-pbs-view.png)
-
-**Mobile Backups View:**
-![Mobile Backups View](docs/images/07-mobile-backups-view.png)
+<div align="center">
+<table>
+<tr>
+<td align="center"><strong>Mobile Dashboard</strong></td>
+<td align="center"><strong>Mobile PBS View</strong></td>
+<td align="center"><strong>Mobile Backups View</strong></td>
+</tr>
+<tr>
+<td><img src="docs/images/05-mobile-dashboard.png" alt="Mobile Dashboard" width="250"/></td>
+<td><img src="docs/images/06-mobile-pbs-view.png" alt="Mobile PBS View" width="250"/></td>
+<td><img src="docs/images/07-mobile-backups-view.png" alt="Mobile Backups View" width="250"/></td>
+</tr>
+</table>
+</div>
 
 </details>