style: Add spacing to settings modal for readability

webclient/src/App.js

@@ -181,6 +181,7 @@ function App() {
 				<div className="modal-overlay" onClick={() => setSettingsOpen(false)}>
 					<div className="modal-content" onClick={e => e.stopPropagation()}>
 						<h3>Settings</h3>
+
 						<div className="setting-group">
 							<h4>Theme</h4>
 							<button className={theme === '' ? 'active' : ''} onClick={() => { light() }}>Light</button>
@@ -197,6 +198,7 @@ function App() {
 								</div>
 							}
 						</div>
+
 						<div className="setting-group">
 							<h4>Feed</h4>
 							<div className="font-option">
@@ -221,6 +223,7 @@ function App() {
 								<label htmlFor="filter-tildes">Tildes</label>
 							</div>
 						</div>
+
 						<div className="setting-group">
 							<h4>Font Size</h4>
 							<button onClick={() => changeBodyFontSize(-0.05)}>-</button>
@@ -228,6 +231,7 @@ function App() {
 							<button onClick={() => changeBodyFontSize(0.05)}>+</button>
 							<button onClick={resetBodyFontSize} disabled={!bodyFontSettingsChanged}>Reset</button>
 						</div>
+
 						<div className="setting-group">
 							<h4>Body Font</h4>
 							<div className="font-option">
@@ -243,6 +247,7 @@ function App() {
 								<label htmlFor="body-apparatus">Apparatus SIL</label>
 							</div>
 						</div>
+
 						<div className="setting-group">
 							<h4>Article Font</h4>
 							<div className="font-option">
@@ -261,6 +266,7 @@ function App() {
 					</div>
 				</div>
 			}
+
 			{waitingWorker &&
 				<div className='update-banner'>
 					Client version mismatch, please refresh:{' '}