From 16245335588a8a4a96a276cb3809a1953de54e4e Mon Sep 17 00:00:00 2001
From: Nicole Rappe <nicole.rappe@bunny-lab.io>
Date: Thu, 16 Oct 2025 04:17:04 -0600
Subject: [PATCH] Tighten scheduled jobs results spacing

---
 .../src/Scheduling/Scheduled_Jobs_List.jsx    | 25 +++++++++++++------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/Data/Server/WebUI/src/Scheduling/Scheduled_Jobs_List.jsx b/Data/Server/WebUI/src/Scheduling/Scheduled_Jobs_List.jsx
index e7c18b6..5833ea1 100644
--- a/Data/Server/WebUI/src/Scheduling/Scheduled_Jobs_List.jsx
+++ b/Data/Server/WebUI/src/Scheduling/Scheduled_Jobs_List.jsx
@@ -65,14 +65,22 @@ function ResultsBar({ counts }) {
     .some((section) => Number(counts?.[section.key] || 0) > 0);
 
   return (
-    <Box sx={{ display: "flex", flexDirection: "column", gap: 0.5 }}>
+    <Box
+      sx={{
+        display: "flex",
+        flexDirection: "column",
+        gap: 0.25,
+        lineHeight: 1.1,
+        fontFamily: gridFontFamily
+      }}
+    >
       <Box
         sx={{
           display: "flex",
           borderRadius: 2,
           overflow: "hidden",
-          width: 260,
-          height: 8
+          width: 220,
+          height: 6
         }}
       >
         {sections.map((section) => {
@@ -92,9 +100,10 @@ function ResultsBar({ counts }) {
         sx={{
           display: "flex",
           flexWrap: "wrap",
-          gap: 1,
+          columnGap: 0.75,
+          rowGap: 0.25,
           color: "#aaa",
-          fontSize: 12,
+          fontSize: 11,
           fontFamily: gridFontFamily
         }}
       >
@@ -108,13 +117,13 @@ function ResultsBar({ counts }) {
               <Box
                 key={section.key}
                 component="span"
-                sx={{ display: "inline-flex", alignItems: "center", gap: 0.75 }}
+                sx={{ display: "inline-flex", alignItems: "center", gap: 0.5 }}
               >
                 <Box
                   component="span"
                   sx={{
-                    width: 8,
-                    height: 8,
+                    width: 6,
+                    height: 6,
                     borderRadius: 1,
                     backgroundColor: section.color
                   }}