From 98493184905ceddb2f8a16ec43a684d70cdfc74e Mon Sep 17 00:00:00 2001
From: Claude Code Assistant <claude@anthropic.com>
Date: Fri, 25 Jul 2025 15:04:53 +0100
Subject: [PATCH] Fix ContactListPage desktop layout issue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Fix width constraint on contact card container for proper desktop layout
- Contact details now display properly beside avatar instead of being pushed to right edge

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/pages/ContactListPage.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/ContactListPage.tsx b/src/pages/ContactListPage.tsx
index e101c49..694cc55 100644
--- a/src/pages/ContactListPage.tsx
+++ b/src/pages/ContactListPage.tsx
@@ -407,7 +407,8 @@ const ContactListPage = () => {
                           display: 'flex', 
                           alignItems: 'center', 
                           gap: 2,
-                          width: '100%'
+                          width: { xs: '100%', md: 'auto' },
+                          flexShrink: 0
                         }}>
                           <Box
                             sx={{