Tighten scheduled jobs results spacing

This commit is contained in:
2025-10-16 04:17:04 -06:00
parent 528400eaf3
commit 1624533558

View File

@@ -65,14 +65,22 @@ function ResultsBar({ counts }) {
.some((section) => Number(counts?.[section.key] || 0) > 0); .some((section) => Number(counts?.[section.key] || 0) > 0);
return ( 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 <Box
sx={{ sx={{
display: "flex", display: "flex",
borderRadius: 2, borderRadius: 2,
overflow: "hidden", overflow: "hidden",
width: 260, width: 220,
height: 8 height: 6
}} }}
> >
{sections.map((section) => { {sections.map((section) => {
@@ -92,9 +100,10 @@ function ResultsBar({ counts }) {
sx={{ sx={{
display: "flex", display: "flex",
flexWrap: "wrap", flexWrap: "wrap",
gap: 1, columnGap: 0.75,
rowGap: 0.25,
color: "#aaa", color: "#aaa",
fontSize: 12, fontSize: 11,
fontFamily: gridFontFamily fontFamily: gridFontFamily
}} }}
> >
@@ -108,13 +117,13 @@ function ResultsBar({ counts }) {
<Box <Box
key={section.key} key={section.key}
component="span" component="span"
sx={{ display: "inline-flex", alignItems: "center", gap: 0.75 }} sx={{ display: "inline-flex", alignItems: "center", gap: 0.5 }}
> >
<Box <Box
component="span" component="span"
sx={{ sx={{
width: 8, width: 6,
height: 8, height: 6,
borderRadius: 1, borderRadius: 1,
backgroundColor: section.color backgroundColor: section.color
}} }}