From f0b7a51b8f6276c9e610950171a449cb4af8b7d5 Mon Sep 17 00:00:00 2001
From: hamed <15238-genius.ha@users.noreply.drupalcode.org>
Date: Wed, 15 Jul 2026 11:16:40 +0330
Subject: [PATCH] fix: make patient detail page full-width to match tauri
 FilesServices

Removed the maxWidth:1060 centered wrapper on PatientDetailPage that
boxed the page; tauri's FilesServices renders full-width in a plain Box.
Added a regression test asserting the root wrapper has no max-width cap.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 assets/admin/pages/PatientDetailPage.test.tsx | 8 ++++++++
 assets/admin/pages/PatientDetailPage.tsx      | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/assets/admin/pages/PatientDetailPage.test.tsx b/assets/admin/pages/PatientDetailPage.test.tsx
index c27aaf3c..123151f5 100644
--- a/assets/admin/pages/PatientDetailPage.test.tsx
+++ b/assets/admin/pages/PatientDetailPage.test.tsx
@@ -63,6 +63,14 @@ describe('PatientDetailPage (پرونده تب‌دار)', () => {
     expect(screen.getByText('پرونده پزشکی')).toBeInTheDocument();
   });
 
+  it('renders full-width (no boxed max-width wrapper, matching tauri FilesServices)', async () => {
+    const { container } = renderDetail();
+    await loaded();
+    const root = container.querySelector('.fade-in') as HTMLElement;
+    expect(root).toBeTruthy();
+    expect(root.style.maxWidth).toBe('');
+  });
+
   it('renders session (مراجعه) cards on the default services tab', async () => {
     renderDetail();
     await loaded();
diff --git a/assets/admin/pages/PatientDetailPage.tsx b/assets/admin/pages/PatientDetailPage.tsx
index 43eb1f72..57c234f9 100644
--- a/assets/admin/pages/PatientDetailPage.tsx
+++ b/assets/admin/pages/PatientDetailPage.tsx
@@ -115,7 +115,7 @@ export default function PatientDetailPage() {
   });
 
   return (
-    <div className="fade-in" style={{ maxWidth: 1060, margin: '0 auto' }}>
+    <div className="fade-in">
       {/* breadcrumb + patient banner (tauri BreadcrumbHeader + FileServicesHeader) */}
       <Breadcrumb name={record?.user_name || 'پرونده'} backTo="/admin/patients" />
       <PatientCaseBanner