style: Restyle 'Show direction' checkbox to match menu buttons

mapper/src/App.js

@@ -431,16 +431,14 @@ function Menu({duration, setDuration, end, setEnd, slider, setSlider, submenu, s
 								<h2>Misc</h2>
 								<button onClick={() => setSubmenu(false)}>×</button>
 							</div>
-							<div style={{ padding: '0.5rem 1rem' }}>
-								<label style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
-									<input
-										type="checkbox"
-										checked={showDirection}
-										onChange={e => setShowDirection(e.target.checked)}
-									/>
-									Show direction
-								</label>
-							</div>
+							<label className="submenu-checkbox-label">
+								<input
+									type="checkbox"
+									checked={showDirection}
+									onChange={e => setShowDirection(e.target.checked)}
+								/>
+								Show direction
+							</label>
 							<button onClick={resetToDefaults}>Reset to defaults</button>
 						</>
 					}