From 093f303cdd8b3a46284372f5d561effe5257c817 Mon Sep 17 00:00:00 2001
From: cesnimda <connor.babbington@cesnimda.co.uk>
Date: Mon, 13 Jul 2026 14:36:49 +0200
Subject: [PATCH] style(ui): float correspondence inbox and gmail review page
 wrappers

Last two views/*.tsx files not yet covered this session. Same
floating-shadow page-wrapper treatment as every other screen; the
outlined item-row Paper inside each list stays as-is, matching the
established "list rows stay flat/outlined, the page wrapper floats"
convention (same pattern already used for trusted-devices/sessions
list rows).
---
 job-tracker-ui/src/views/CorrespondenceInboxPage.tsx | 10 +++++++++-
 job-tracker-ui/src/views/GmailReviewPage.tsx         | 10 +++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/job-tracker-ui/src/views/CorrespondenceInboxPage.tsx b/job-tracker-ui/src/views/CorrespondenceInboxPage.tsx
index 85d6b9f..d426be6 100644
--- a/job-tracker-ui/src/views/CorrespondenceInboxPage.tsx
+++ b/job-tracker-ui/src/views/CorrespondenceInboxPage.tsx
@@ -74,7 +74,15 @@ export default function CorrespondenceInboxPage() {
   }, [items]);
 
   return (
-    <Paper sx={{ mt: 0, p: 2 }}>
+    <Paper
+      sx={{
+        mt: 0,
+        p: 2,
+        borderRadius: 4,
+        border: "none",
+        boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)",
+      }}
+    >
       <Box sx={{ display: "flex", justifyContent: "space-between", gap: 2, alignItems: "center", flexWrap: "wrap", mb: 2 }}>
         <Box>
           <Typography variant="h5" sx={{ fontWeight: 900 }}>Correspondence inbox</Typography>
diff --git a/job-tracker-ui/src/views/GmailReviewPage.tsx b/job-tracker-ui/src/views/GmailReviewPage.tsx
index 4b058e9..ccecce2 100644
--- a/job-tracker-ui/src/views/GmailReviewPage.tsx
+++ b/job-tracker-ui/src/views/GmailReviewPage.tsx
@@ -123,7 +123,15 @@ export default function GmailReviewPage() {
   }, [data?.threads, routingFilter]);
 
   return (
-    <Paper sx={{ mt: 0, p: 2 }}>
+    <Paper
+      sx={{
+        mt: 0,
+        p: 2,
+        borderRadius: 4,
+        border: "none",
+        boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)",
+      }}
+    >
       <Box sx={{ display: "flex", justifyContent: "space-between", gap: 2, alignItems: "center", flexWrap: "wrap", mb: 2 }}>
         <Box>
           <Typography variant="h5" sx={{ fontWeight: 900 }}>Gmail review queue</Typography>