From 42ba3063624d7f9ae85e97534ecbd943a72f3f61 Mon Sep 17 00:00:00 2001
From: cesnimda <connor.babbington@cesnimda.co.uk>
Date: Mon, 13 Jul 2026 09:39:46 +0200
Subject: [PATCH] style(ui): float remaining table/card containers to design
 system

Repo-wide sweep for the same flat 1px-border "fake card" pattern
already fixed in Dashboard/Kanban/JobDetailsDialog/auth pages this
session -- AddJobModal, Attachments, CompaniesTable, Correspondence,
EditJobDialog, and the admin audit/system/users pages all had a table
container or content box using border+divider instead of the
floating-shadow treatment used everywhere else now.

Left AppShell.tsx/App.tsx alone -- their border:1px+divider instances
are icon-button and badge outlines, not card containers; that's a
different, correct use of the pattern.
---
 job-tracker-ui/src/components/AddJobModal.tsx    | 2 +-
 job-tracker-ui/src/components/Attachments.tsx    | 2 +-
 job-tracker-ui/src/components/CompaniesTable.tsx | 2 +-
 job-tracker-ui/src/components/Correspondence.tsx | 2 +-
 job-tracker-ui/src/components/EditJobDialog.tsx  | 2 +-
 job-tracker-ui/src/views/AdminAuditPage.tsx      | 2 +-
 job-tracker-ui/src/views/AdminSystemPage.tsx     | 8 ++++----
 job-tracker-ui/src/views/AdminUsersPage.tsx      | 2 +-
 8 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/job-tracker-ui/src/components/AddJobModal.tsx b/job-tracker-ui/src/components/AddJobModal.tsx
index fda2c1a..977530a 100644
--- a/job-tracker-ui/src/components/AddJobModal.tsx
+++ b/job-tracker-ui/src/components/AddJobModal.tsx
@@ -374,7 +374,7 @@ export default function AddJobModal({ open, onClose, onCreated, initialUrl }: Pr
     label: string,
     helperText: string,
   ) => (
-    <Box sx={{ p: 1.5, borderRadius: 2, border: "1px solid", borderColor: "divider", backgroundColor: "background.paper" }}>
+    <Box sx={{ p: 1.5, borderRadius: 2, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)", backgroundColor: "background.paper" }}>
       <Box sx={{ display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1, flexWrap: "wrap" }}>
         <Box>
           <Typography sx={{ fontWeight: 800 }}>{label}</Typography>
diff --git a/job-tracker-ui/src/components/Attachments.tsx b/job-tracker-ui/src/components/Attachments.tsx
index d0f15b0..8df4176 100644
--- a/job-tracker-ui/src/components/Attachments.tsx
+++ b/job-tracker-ui/src/components/Attachments.tsx
@@ -267,7 +267,7 @@ export default function Attachments({ jobId }: { jobId: number }) {
         {uploading ? <LinearProgress sx={{ mt: 1.5, borderRadius: 999 }} /> : null}
       </Box>
 
-      <TableContainer sx={{ borderRadius: 3, border: "1px solid", borderColor: "divider" }}>
+      <TableContainer sx={{ borderRadius: 3, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
         <Table size="small">
           <TableHead>
             <TableRow>
diff --git a/job-tracker-ui/src/components/CompaniesTable.tsx b/job-tracker-ui/src/components/CompaniesTable.tsx
index 08c17c4..c64aa29 100644
--- a/job-tracker-ui/src/components/CompaniesTable.tsx
+++ b/job-tracker-ui/src/components/CompaniesTable.tsx
@@ -157,7 +157,7 @@ export default function CompaniesTable() {
             ) : null}
           </Stack>
         ) : (
-          <TableContainer sx={{ borderRadius: 3, border: "1px solid", borderColor: "divider" }}>
+          <TableContainer sx={{ borderRadius: 3, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
             <Table>
               <TableHead>
                 <TableRow>
diff --git a/job-tracker-ui/src/components/Correspondence.tsx b/job-tracker-ui/src/components/Correspondence.tsx
index ea230e4..799a59e 100644
--- a/job-tracker-ui/src/components/Correspondence.tsx
+++ b/job-tracker-ui/src/components/Correspondence.tsx
@@ -481,7 +481,7 @@ export default function Correspondence({ jobId, job }: { jobId: number; job: Job
         )}
       </Paper>
 
-      <Box sx={{ mt: 1.5, p: 1.5, borderRadius: 3, border: "1px solid", borderColor: "divider", backgroundColor: "background.default" }}>
+      <Box sx={{ mt: 1.5, p: 1.5, borderRadius: 3, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)", backgroundColor: "background.default" }}>
         <Typography variant="overline">Linked Gmail thread continuity</Typography>
         <Typography variant="body2" sx={{ color: "text.secondary", mb: 1.25 }}>
           Linked Gmail refresh only checks threads that are already tied to this job, so new correspondence can appear here without re-importing the whole thread.
diff --git a/job-tracker-ui/src/components/EditJobDialog.tsx b/job-tracker-ui/src/components/EditJobDialog.tsx
index 186550d..7375421 100644
--- a/job-tracker-ui/src/components/EditJobDialog.tsx
+++ b/job-tracker-ui/src/components/EditJobDialog.tsx
@@ -182,7 +182,7 @@ export default function EditJobDialog({ open, jobId, onClose, onSaved }: Props)
     <Dialog open={open} onClose={onClose} fullWidth maxWidth="md">
       <DialogTitle>{t("editJobTitle")}</DialogTitle>
       <DialogContent>
-        <Box sx={{ mt: 1, mb: 2, p: 1.5, borderRadius: 3, border: "1px solid", borderColor: "divider", backgroundColor: "background.paper" }}>
+        <Box sx={{ mt: 1, mb: 2, p: 1.5, borderRadius: 3, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)", backgroundColor: "background.paper" }}>
           <Typography variant="body2" sx={{ color: "text.secondary" }}>
             {t("editJobIntro")}
           </Typography>
diff --git a/job-tracker-ui/src/views/AdminAuditPage.tsx b/job-tracker-ui/src/views/AdminAuditPage.tsx
index 54c0dfb..2962b58 100644
--- a/job-tracker-ui/src/views/AdminAuditPage.tsx
+++ b/job-tracker-ui/src/views/AdminAuditPage.tsx
@@ -100,7 +100,7 @@ export default function AdminAuditPage() {
         {t("adminAuditSubtitle")}
       </Typography>
 
-      <TableContainer sx={{ borderRadius: 2, border: "1px solid", borderColor: "divider" }}>
+      <TableContainer sx={{ borderRadius: 2, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
         <Table size="small">
           <TableHead>
             <TableRow>
diff --git a/job-tracker-ui/src/views/AdminSystemPage.tsx b/job-tracker-ui/src/views/AdminSystemPage.tsx
index bd1f385..d544b17 100644
--- a/job-tracker-ui/src/views/AdminSystemPage.tsx
+++ b/job-tracker-ui/src/views/AdminSystemPage.tsx
@@ -530,7 +530,7 @@ export default function AdminSystemPage() {
                     <Typography variant="subtitle1" sx={{ fontWeight: 900, mb: 1 }}>Top parser findings</Typography>
                     <Stack spacing={1}>
                       {benchmarkFindings.length > 0 ? benchmarkFindings.map((finding) => (
-                        <Box key={`${finding.file}:${finding.issue}`} sx={{ p: 1.25, borderRadius: 2, backgroundColor: "background.default", border: "1px solid", borderColor: "divider" }}>
+                        <Box key={`${finding.file}:${finding.issue}`} sx={{ p: 1.25, borderRadius: 2, backgroundColor: "background.default", border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
                           <Typography variant="caption" sx={{ color: "text.secondary" }}>{finding.file}</Typography>
                           <Typography variant="body2">{finding.issue}</Typography>
                         </Box>
@@ -542,7 +542,7 @@ export default function AdminSystemPage() {
                     <Typography variant="subtitle1" sx={{ fontWeight: 900, mb: 1 }}>Weakest files in current run</Typography>
                     <Stack spacing={1}>
                       {weakestEntries.map((entry) => (
-                        <Box key={entry.Slug} sx={{ p: 1.25, borderRadius: 2, backgroundColor: "background.default", border: "1px solid", borderColor: "divider" }}>
+                        <Box key={entry.Slug} sx={{ p: 1.25, borderRadius: 2, backgroundColor: "background.default", border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
                           <Typography variant="body2" sx={{ fontWeight: 800 }}>{entry.FileName}</Typography>
                           <Box sx={{ display: "flex", gap: 0.75, flexWrap: "wrap", mt: 0.75 }}>
                             <Chip size="small" label={`Coverage ${formatPercent(entry.CoverageScore)}`} color={benchmarkTone(entry.CoverageScore)} />
@@ -556,7 +556,7 @@ export default function AdminSystemPage() {
                   </Paper>
                 </Box>
 
-                <Box sx={{ mt: 2, p: 1.5, borderRadius: 2, backgroundColor: "background.default", border: "1px solid", borderColor: "divider", maxHeight: 280, overflow: "auto" }}>
+                <Box sx={{ mt: 2, p: 1.5, borderRadius: 2, backgroundColor: "background.default", border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)", maxHeight: 280, overflow: "auto" }}>
                   <Typography variant="subtitle2" sx={{ fontWeight: 800, mb: 1 }}>Latest markdown summary</Typography>
                   <Typography variant="body2" sx={{ whiteSpace: "pre-wrap", fontFamily: "ui-monospace, SFMono-Regular, monospace" }}>
                     {benchmarkStatus?.reportMarkdown || "-"}
@@ -564,7 +564,7 @@ export default function AdminSystemPage() {
                 </Box>
               </>
             ) : (
-              <Box sx={{ mt: 1.5, p: 1.5, borderRadius: 2, backgroundColor: "background.default", border: "1px solid", borderColor: "divider" }}>
+              <Box sx={{ mt: 1.5, p: 1.5, borderRadius: 2, backgroundColor: "background.default", border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
                 <Typography variant="body2" sx={{ whiteSpace: "pre-wrap", fontFamily: "ui-monospace, SFMono-Regular, monospace" }}>
                   {benchmarkStatus?.reportMarkdown || "Run scripts/run-cv-benchmark.sh to generate the latest corpus report and fixture candidates."}
                 </Typography>
diff --git a/job-tracker-ui/src/views/AdminUsersPage.tsx b/job-tracker-ui/src/views/AdminUsersPage.tsx
index e48db41..3a2b403 100644
--- a/job-tracker-ui/src/views/AdminUsersPage.tsx
+++ b/job-tracker-ui/src/views/AdminUsersPage.tsx
@@ -233,7 +233,7 @@ export default function AdminUsersPage() {
           })}
         </Stack>
       ) : (
-        <Paper sx={{ borderRadius: 3, border: "1px solid", borderColor: "divider", overflow: "hidden" }}>
+        <Paper sx={{ borderRadius: 3, border: "none", boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)", overflow: "hidden" }}>
           <DataGrid
             autoHeight
             rows={rows}