From 210e03cea0d0cb767f340aa0695fa0eb4eb56098 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 00:13:27 -0400 Subject: [PATCH] fix(client): refine table header divider and typography - replace heavier per-cell header borders with one lighter row divider - shrink header text to 11px with looser tracking for a more refined feel - tighten failed-jobs labels: "Fail count" -> "Count", "Last failed at" -> "Last failed" --- client/src/Components/design-elements/Table.tsx | 7 ++++++- client/src/locales/en.json | 4 ++-- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/client/src/Components/design-elements/Table.tsx b/client/src/Components/design-elements/Table.tsx index 58d0f96a0..dd49c421a 100644 --- a/client/src/Components/design-elements/Table.tsx +++ b/client/src/Components/design-elements/Table.tsx @@ -162,14 +162,19 @@ export function DataTable< }, "& .MuiTableHead-root .MuiTableRow-root": { height: "28px", + borderBottom: "1px solid rgba(0, 0, 0, 0.06)", + }, + "& .MuiTableHead-root .MuiTableCell-root": { + borderBottom: "none", }, "& :is(th)": { backgroundColor: theme.palette.background.paper, color: theme.palette.text.secondary, fontWeight: 500, textTransform: "uppercase", + letterSpacing: "0.08em", padding: `${theme.spacing(SPACING.LG)} ${theme.spacing(LAYOUT.MD)}`, - fontSize: theme.typography.fontSize, + fontSize: 11, }, "& :is(td)": { backgroundColor: theme.palette.background.paper, diff --git a/client/src/locales/en.json b/client/src/locales/en.json index 6e76bdd17..403bebaf3 100644 --- a/client/src/locales/en.json +++ b/client/src/locales/en.json @@ -883,12 +883,12 @@ "method": "Method", "monitorId": "Monitor ID", "runCount": "Run count", - "failCount": "Fail count", + "failCount": "Count", "lastRunAt": "Last run at", "lockedAt": "Locked at", "lastFinishedAt": "Last finished at", "lastRunTook": "Last run took", - "lastFailedAt": "Last failed at", + "lastFailedAt": "Last failed", "failReason": "Fail reason" } },