From a0cba9fb6f1846bd71eb82f5c042b92ab6c0d859 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Thu, 9 Oct 2025 13:05:33 +0100
Subject: [PATCH] refactor: use consistent checkbox style for rebroadcast
 settings

- Match existing checkbox pattern from other settings
- Use setting-group, checkbox-label, and setting-checkbox classes
- Add proper id and htmlFor attributes for accessibility
- Consistent with LayoutNavigationSettings and other checkbox settings
- Keep code DRY with unified styling approach
---
 src/components/Settings/RelaySettings.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Settings/RelaySettings.tsx b/src/components/Settings/RelaySettings.tsx
index c35e8645..2fd61df0 100644
--- a/src/components/Settings/RelaySettings.tsx
+++ b/src/components/Settings/RelaySettings.tsx
@@ -40,23 +40,27 @@ const RelaySettings: React.FC<RelaySettingsProps> = ({ relayStatuses, settings,
     <div className="settings-section">
       <h3>Relays</h3>
 
-      <div className="settings-group">
-        <label className="settings-checkbox-label">
+      <div className="setting-group">
+        <label htmlFor="useLocalRelayAsCache" className="checkbox-label">
           <input
+            id="useLocalRelayAsCache"
             type="checkbox"
             checked={settings.useLocalRelayAsCache ?? true}
             onChange={(e) => onUpdate({ useLocalRelayAsCache: e.target.checked })}
+            className="setting-checkbox"
           />
           <span>Use local relay(s) as cache</span>
         </label>
       </div>
 
-      <div className="settings-group">
-        <label className="settings-checkbox-label">
+      <div className="setting-group">
+        <label htmlFor="rebroadcastToAllRelays" className="checkbox-label">
           <input
+            id="rebroadcastToAllRelays"
             type="checkbox"
             checked={settings.rebroadcastToAllRelays ?? false}
             onChange={(e) => onUpdate({ rebroadcastToAllRelays: e.target.checked })}
+            className="setting-checkbox"
           />
           <span>Rebroadcast events to all relays</span>
         </label>