Move checkbox text before input

src/pages/ElectricalNetwork.jsx

@@ -78,47 +78,47 @@ export default function ElectricalNetwork() {
             />
           </div>
           <div className="form-group">
-            <label>
+            <label className="checkbox-label">
+              Alertas de Falha na Rede
               <input
                 type="checkbox"
                 checked={alerts}
                 onChange={e => setAlerts(e.target.checked)}
               />
-              Alertas de Falha na Rede
             </label>
           </div>
 
           <h2>Proteção de Segurança Elétrica</h2>
           <div className="form-group">
-            <label>
+            <label className="checkbox-label">
+              Detecção de Falha de Aterramento
               <input
                 type="checkbox"
                 checked={security.earthFault}
                 onChange={e => setSecurity({ ...security, earthFault: e.target.checked })}
               />
-              Detecção de Falha de Aterramento
             </label>
           </div>
           <div className="form-group">
-            <label>
+            <label className="checkbox-label">
+              Proteção RCM
               <input
                 type="checkbox"
                 checked={security.rcm}
                 onChange={e => setSecurity({ ...security, rcm: e.target.checked })}
               />
-              Proteção RCM
             </label>
           </div>
 
           <h2>Balanceamento de Carga</h2>
           <div className="form-group">
-            <label>
+            <label className="checkbox-label">
+              Habilitar Balanceamento de Carga
               <input
                 type="checkbox"
                 checked={loadBalancing.enabled}
                 onChange={e => setLoadBalancing({ ...loadBalancing, enabled: e.target.checked })}
               />
-              Habilitar Balanceamento de Carga
             </label>
           </div>
           <div className="form-group">
@@ -142,23 +142,23 @@ export default function ElectricalNetwork() {
             />
           </div>
           <div className="form-group">
-            <label>
+            <label className="checkbox-label">
+              Direcionar Energia Solar para o EVSE
               <input
                 type="checkbox"
                 checked={solar.useSolar}
                 onChange={e => setSolar({ ...solar, useSolar: e.target.checked })}
               />
-              Direcionar Energia Solar para o EVSE
             </label>
           </div>
           <div className="form-group">
-            <label>
+            <label className="checkbox-label">
+              Gerenciamento de Excesso de Energia Solar
               <input
                 type="checkbox"
                 checked={solar.handleExcess}
                 onChange={e => setSolar({ ...solar, handleExcess: e.target.checked })}
               />
-              Gerenciamento de Excesso de Energia Solar
             </label>
           </div>