From b20e6d17ebdb660a3a1fbb9a47efb9630002960b Mon Sep 17 00:00:00 2001
From: Kartik sharma <kartik.sharma@marcoaiot.com>
Date: Mon, 23 Jun 2025 12:22:16 +0530
Subject: [PATCH] Ensured all table headers and cells are left-aligned for
 consistent layout and better readability.

---
 .../Directory/DirectoryListTableHeader.jsx    | 23 +++++++++++--------
 src/pages/employee/EmployeeList.jsx           |  2 +-
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/pages/Directory/DirectoryListTableHeader.jsx b/src/pages/Directory/DirectoryListTableHeader.jsx
index 3c53e02d..a2321e9b 100644
--- a/src/pages/Directory/DirectoryListTableHeader.jsx
+++ b/src/pages/Directory/DirectoryListTableHeader.jsx
@@ -7,33 +7,38 @@ const DirectoryListTableHeader = ({ children }) => {
       <table className="table px-2">
         <thead>
           <tr>
-            <th colSpan={2}>
+            <th colSpan={2} className="text-start">
               <div className="d-flex align-items-center gap-1">
                 <span>Name</span>
               </div>
             </th>
             <th className="px-2 text-start">
-              <div className="d-flex text-center align-items-center gap-1 justify-content-start">
+              <div className="d-flex align-items-center gap-1">
                 <span>Email</span>
               </div>
             </th>
-            <th className="mx-2">
-              <div className="d-flex align-items-center m-0 p-0 gap-1">
+            <th className="mx-2 text-start">
+              <div className="d-flex align-items-center gap-1">
                 <span>Phone</span>
               </div>
             </th>
-            <th colSpan={2} className="mx-2 ps-20">
-              Organization
+            <th colSpan={2} className="mx-2 ps-20 text-start">
+              <span>Organization</span>
+            </th>
+            <th className="mx-2 text-start">
+              <span>Category</span>
+            </th>
+            <th className="text-start">
+              <span>Action</span>
             </th>
-            <th className="mx-2">Category</th>
-            <th>Action</th>
           </tr>
         </thead>
-        <tbody className="table-border-bottom-0 overflow-auto">
+        <tbody className="table-border-bottom-0 overflow-auto text-start">
           {children}
         </tbody>
       </table>
     </div>
   );
 };
+
 export default DirectoryListTableHeader;
diff --git a/src/pages/employee/EmployeeList.jsx b/src/pages/employee/EmployeeList.jsx
index 0324ef63..60470bfd 100644
--- a/src/pages/employee/EmployeeList.jsx
+++ b/src/pages/employee/EmployeeList.jsx
@@ -73,7 +73,7 @@ const EmployeeList = () => {
     }
     const lowercasedText = text.toLowerCase();
     return data.filter((item) => {
-      const fullName = `${item.firstName} ${item.lastName}`.toLowerCase();
+      const fullName = `${item.firstName} ${item.lastName} ${item.lastName}`.toLowerCase();
       const email = item.email ? item.email.toLowerCase() : "";
       const phoneNumber = item.phoneNumber ? item.phoneNumber.toLowerCase() : "";
       const jobRole = item.jobRole ? item.jobRole.toLowerCase() : "";