From 7ae7841fa9d0bf27c86ad11b084ac19db72d05c4 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Wed, 16 Apr 2025 19:23:01 +0200
Subject: [PATCH] Neah version mail design fix 8

---
 app/mail/page.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/mail/page.tsx b/app/mail/page.tsx
index f45ab4a..cfc2176 100644
--- a/app/mail/page.tsx
+++ b/app/mail/page.tsx
@@ -737,9 +737,21 @@ export default function MailPage() {
     }
   };
 
-  // Update the email list header to be cleaner
+  // Update the email list header to include search and adjust spacing
   const renderEmailListHeader = () => (
     <div className="border-b border-gray-100">
+      <div className="px-4 py-2">
+        <div className="relative">
+          <Search className="absolute left-2 top-2.5 h-4 w-4 text-gray-400" />
+          <Input
+            type="search"
+            placeholder="Search in folder..."
+            className="pl-8 h-9 bg-gray-50"
+            value={searchQuery}
+            onChange={(e) => setSearchQuery(e.target.value)}
+          />
+        </div>
+      </div>
       <div className="flex items-center px-4 h-14">
         <div className="flex items-center gap-3">
           <Checkbox
@@ -748,7 +760,7 @@ export default function MailPage() {
             className="mt-0.5"
           />
           <h2 className="text-base font-semibold text-gray-900">Inbox</h2>
-          <span className="text-sm text-gray-600">
+          <span className="text-sm text-gray-600 ml-4">
             {emails.length} emails
           </span>
         </div>