From d133383c06664066279c7204dedbf291028da530 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Sat, 3 Jan 2026 00:15:44 +0000
Subject: [PATCH] feat: Move fullscreen toggle to settings modal

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
---
 webclient/src/App.js | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/webclient/src/App.js b/webclient/src/App.js
index 9a883dc..01a1bf7 100644
--- a/webclient/src/App.js
+++ b/webclient/src/App.js
@@ -187,6 +187,15 @@ function App() {
 							<button className={theme === 'dark' ? 'active' : ''} onClick={() => { dark() }}>Dark</button>
 							<button className={theme === 'black' ? 'active' : ''} onClick={() => { black() }}>Black</button>
 							<button className={theme === 'red' ? 'active' : ''} onClick={() => { red() }}>Red</button>
+							{fullScreenAvailable &&
+								<div style={{ marginTop: '0.5rem' }}>
+									{!isFullScreen ?
+										<button onClick={() => goFullScreen()}>Enter Fullscreen</button>
+										:
+										<button onClick={() => exitFullScreen()}>Exit Fullscreen</button>
+									}
+								</div>
+							}
 						</div>
 						<div className="setting-group">
 							<h4>Feed</h4>
@@ -274,13 +283,6 @@ function App() {
 						<br />
 						<span className='slogan'>Hacker News, Reddit, Lobsters, and Tildes articles rendered in reader mode.</span>
 					</p>
-					{fullScreenAvailable &&
-						<Route path='/(|search)' render={() => !isFullScreen ?
-							<button className='fullscreen' onClick={() => goFullScreen()}>Enter Fullscreen</button>
-						:
-							<button className='fullscreen' onClick={() => exitFullScreen()}>Exit Fullscreen</button>
-						} />
-					}
 					<Route path='/(|search)' component={Search} />
 					<Route path='/(|search)' component={Submit} />
 				</div>