From 2da3eeaf72008878ed866d2c48f1183815eab641 Mon Sep 17 00:00:00 2001
From: superdooper86 <superdooper86@users.noreply.github.com>
Date: Thu, 7 May 2026 14:24:36 +0200
Subject: [PATCH] Improve screenshots layout with grid table

---
 README.md | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 63d36f5..1fd95c5 100644
--- a/README.md
+++ b/README.md
@@ -27,14 +27,23 @@ No API key required. It reads directly from your `claude.ai` session using a bui
 
 <div align="center">
 
-<img src="screenshots/main.png" width="320" alt="Main window" />
-<img src="screenshots/settings.png" width="320" alt="Settings" />
+<table>
+  <tr>
+    <td align="center"><img src="screenshots/main.png" width="280" alt="Main window" /><br/><sub>Main window</sub></td>
+    <td align="center"><img src="screenshots/settings.png" width="280" alt="Settings" /><br/><sub>Settings</sub></td>
+  </tr>
+  <tr>
+    <td align="center"><img src="screenshots/update-banner.png" width="280" alt="Update banner" /><br/><sub>Update available</sub></td>
+    <td align="center"><img src="screenshots/notification.png" width="280" alt="Update notification" /><br/><sub>System notification</sub></td>
+  </tr>
+</table>
 
-<img src="screenshots/update-banner.png" width="320" alt="Update available banner" />
-<img src="screenshots/notification.png" width="320" alt="Update notification" />
+<br/>
 
-<img src="screenshots/menubar-percent.png" width="120" alt="Menubar percentage display" />
-<img src="screenshots/menubar-icon.png" width="40" alt="Menubar icon" />
+**Menubar display**<br/>
+<img src="screenshots/menubar-icon.png" height="22" alt="Menubar icon" />
+&nbsp;
+<img src="screenshots/menubar-percent.png" height="22" alt="Menubar percentage" />
 
 </div>