From e8f523ad05ec79fe3b8d2ee84c06ae734962238d Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Thu, 19 Feb 2026 21:38:29 +0200
Subject: [PATCH] feat: add Content Zoom and Content Width controls to View
 menu

---
 src/App.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/App.tsx b/src/App.tsx
index 90e0c33..6e1ab8d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1142,6 +1142,22 @@ function App() {
                       <button className="zoom-spinner-btn" aria-label="Increase UI scale" onClick={() => setUiZoom(z => Math.min(200, z + 10))}><Plus size={12} /></button>
                     </div>
                   </div>
+                  <div className="menu-dropdown-zoom" onClick={e => e.stopPropagation()}>
+                    <span>Content Zoom</span>
+                    <div className="zoom-spinner" aria-label="Content Zoom">
+                      <button className="zoom-spinner-btn" aria-label="Decrease content zoom" onClick={() => setZoom(z => Math.max(50, z - 10))}><Minus size={12} /></button>
+                      <span className="zoom-spinner-value">{zoom}%</span>
+                      <button className="zoom-spinner-btn" aria-label="Increase content zoom" onClick={() => setZoom(z => Math.min(200, z + 10))}><Plus size={12} /></button>
+                    </div>
+                  </div>
+                  <div className="menu-dropdown-zoom" onClick={e => e.stopPropagation()}>
+                    <span>Content Width</span>
+                    <div className="zoom-spinner" aria-label="Content Width">
+                      <button className="zoom-spinner-btn" aria-label="Decrease content width" onClick={() => setContentWidth(w => Math.max(400, w - 40))}><Minus size={12} /></button>
+                      <span className="zoom-spinner-value">{contentWidth}px</span>
+                      <button className="zoom-spinner-btn" aria-label="Increase content width" onClick={() => setContentWidth(w => Math.min(1200, w + 40))}><Plus size={12} /></button>
+                    </div>
+                  </div>
                 </motion.div>
               )}
               {menuOpen === 'help' && menuItemRefs.current['help'] && (