From 28a460e9cc325bfbea25679527bf3a0d32cfd022 Mon Sep 17 00:00:00 2001
From: Chandler Copeland <ccopeland@motivhealth.com>
Date: Sat, 21 Mar 2026 12:29:01 -0600
Subject: [PATCH] fix(09-01): sticky prepare panel, bg-gray-50 background,
 max-height scroll

---
 .../(protected)/documents/[docId]/_components/PreparePanel.tsx  | 2 +-
 .../src/app/portal/(protected)/documents/[docId]/page.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/PreparePanel.tsx b/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/PreparePanel.tsx
index 1592cee..3b6cc3d 100644
--- a/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/PreparePanel.tsx
+++ b/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/PreparePanel.tsx
@@ -130,7 +130,7 @@ export function PreparePanel({ docId, defaultEmail, clientName, currentStatus, a
   }
 
   return (
-    <div className="rounded-lg border border-gray-200 p-4 space-y-4">
+    <div className="rounded-lg border border-gray-200 bg-gray-50 p-4 space-y-4">
       <h2 className="font-semibold text-gray-900">Prepare Document</h2>
 
       <div>
diff --git a/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx b/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx
index 97773b5..ba4e068 100644
--- a/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx
+++ b/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx
@@ -57,7 +57,7 @@ export default async function DocumentPage({
         <div className="lg:col-span-2">
           <PdfViewerWrapper docId={docId} docStatus={doc.status} />
         </div>
-        <div className="lg:col-span-1">
+        <div className="lg:col-span-1 lg:sticky lg:top-6 lg:self-start lg:max-h-[calc(100vh-6rem)] lg:overflow-y-auto">
           <PreparePanel
             docId={docId}
             defaultEmail={docClient?.email ?? ''}