From 9dc4ef2fac7b59a1717c1b95a01c61892c99d034 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Wed, 30 Apr 2025 16:14:33 +0200
Subject: [PATCH] courrier formatting

---
 components/email/EmailListItem.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/components/email/EmailListItem.tsx b/components/email/EmailListItem.tsx
index 32f424d2..e7fd5ee7 100644
--- a/components/email/EmailListItem.tsx
+++ b/components/email/EmailListItem.tsx
@@ -120,6 +120,16 @@ export default function EmailListItem({
       : text;
   };
 
+  // Handle email selection without affecting checkbox
+  const handleEmailSelect = (e: React.MouseEvent) => {
+    // Make sure we're not clicking on or near the checkbox
+    const target = e.target as HTMLElement;
+    const checkboxArea = target.closest('.checkbox-area');
+    if (!checkboxArea) {
+      onSelect();
+    }
+  };
+
   return (
     <div 
       className={cn(
@@ -127,10 +137,10 @@ export default function EmailListItem({
         isActive ? 'bg-blue-50/50' : '',
         !email.flags?.seen ? 'bg-blue-50/20' : ''
       )}
-      onClick={onSelect}
+      onClick={handleEmailSelect}
     >
       <div 
-        className="flex-shrink-0 pr-2" 
+        className="flex-shrink-0 pr-2 checkbox-area" 
         onClick={(e) => {
           e.stopPropagation();
         }}