From ce687f562ae4993a24557fe1ba8479c9b79b70ce Mon Sep 17 00:00:00 2001
From: Nicole Rappe <nicole.rappe@bunny-lab.io>
Date: Wed, 15 Oct 2025 22:52:24 -0600
Subject: [PATCH] Fix scheduled job list visuals and toggle state handling

---
 Data/Server/WebUI/src/Scheduling/Scheduled_Jobs_List.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Data/Server/WebUI/src/Scheduling/Scheduled_Jobs_List.jsx b/Data/Server/WebUI/src/Scheduling/Scheduled_Jobs_List.jsx
index b0be194..9aa9810 100644
--- a/Data/Server/WebUI/src/Scheduling/Scheduled_Jobs_List.jsx
+++ b/Data/Server/WebUI/src/Scheduling/Scheduled_Jobs_List.jsx
@@ -162,7 +162,7 @@ export default function ScheduledJobsList({ onCreateJob, onEditJob, refreshToken
   const ResultsBar = ({ counts }) => {
     const total = Math.max(1, Number(counts?.total_targets || 0));
     const seg = (n) => `${Math.round(((n||0)/total)*100)}%`;
-    const styleSeg = (bg, w) => ({ display: 'inline-block', height: 8, background: bg, width: w });
+    const styleSeg = (bg, w) => ({ display: 'block', height: 8, background: bg, width: w });
     const s = counts || {};
     const sections = [
       { key: 'success', color: '#00d18c' },
@@ -174,7 +174,7 @@ export default function ScheduledJobsList({ onCreateJob, onEditJob, refreshToken
     ];
     return (
       <div>
-        <div style={{ background: '#333', borderRadius: 2, overflow: 'hidden', width: 260 }}>
+        <div style={{ display: 'flex', borderRadius: 2, overflow: 'hidden', width: 260 }}>
           {sections.map(({key,color}) => (s[key] ? <span key={key} style={styleSeg(color, seg(s[key]))} /> : null))}
         </div>
         <div style={{ color: '#aaa', fontSize: 12, marginTop: 4 }}>
@@ -317,7 +317,7 @@ export default function ScheduledJobsList({ onCreateJob, onEditJob, refreshToken
                         body: JSON.stringify({ enabled: !r.enabled })
                       });
                     } catch {}
-                    setRows((prev) => prev.map((job, idx) => idx === i ? { ...job, enabled: !job.enabled } : job));
+                    setRows((prev) => prev.map((job) => (job.id === r.id ? { ...job, enabled: !job.enabled } : job)));
                   }}
                   size="small"
                 />