From d9faf70a4b93191ad48b47658d90b73d933f1c33 Mon Sep 17 00:00:00 2001
From: Devin Wilson <devwilson@ucdavis.edu>
Date: Mon, 18 May 2026 19:30:48 -0700
Subject: [PATCH] fix(portal): add consistent bottom padding to portal pages

---
 web/src/routes/portal/PortalDetail.tsx | 2 +-
 web/src/routes/portal/PortalHome.tsx   | 2 +-
 web/src/routes/portal/PortalQuote.tsx  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/routes/portal/PortalDetail.tsx b/web/src/routes/portal/PortalDetail.tsx
index 493f9c5..af66a34 100644
--- a/web/src/routes/portal/PortalDetail.tsx
+++ b/web/src/routes/portal/PortalDetail.tsx
@@ -88,7 +88,7 @@ export default function PortalDetail({ workItems }: PortalDetailProps) {
   }
 
   return (
-    <div className="min-h-screen bg-[var(--bg-page)]">
+    <div className="min-h-screen bg-[var(--bg-page)] pb-24 md:pb-12">
       {/* Teal brand header */}
       <div className="bg-[var(--accent)]">
         <div className="max-w-2xl mx-auto px-4 pt-4 pb-2">
diff --git a/web/src/routes/portal/PortalHome.tsx b/web/src/routes/portal/PortalHome.tsx
index 7d0ad1d..eac502c 100644
--- a/web/src/routes/portal/PortalHome.tsx
+++ b/web/src/routes/portal/PortalHome.tsx
@@ -41,7 +41,7 @@ export default function PortalHome({ workItems, clientName }: PortalHomeProps) {
   const rest = items.filter((i) => i.status !== 'inReview');
 
   return (
-    <div className="min-h-screen bg-[var(--bg-page)]">
+    <div className="min-h-screen bg-[var(--bg-page)] pb-24 md:pb-12">
       {/* Teal brand header */}
       <div className="bg-[#4BA8A8]">
         <div className="max-w-2xl mx-auto px-4 pt-6 pb-2 flex items-center justify-between">
diff --git a/web/src/routes/portal/PortalQuote.tsx b/web/src/routes/portal/PortalQuote.tsx
index 4f0b5bc..ac256f8 100644
--- a/web/src/routes/portal/PortalQuote.tsx
+++ b/web/src/routes/portal/PortalQuote.tsx
@@ -91,7 +91,7 @@ export default function PortalQuote() {
   const canRespond = !responded && !expired && quote.status !== 'draft';
 
   return (
-    <div className="min-h-screen bg-[var(--bg-page)]">
+    <div className="min-h-screen bg-[var(--bg-page)] pb-24 md:pb-12">
       {/* Header */}
       <div className="bg-[#4BA8A8]">
         <div className="max-w-2xl mx-auto px-4 py-4 flex items-center justify-between">