From 21e4af4e33b8b3f729d95ad94d7c842bc24d97e3 Mon Sep 17 00:00:00 2001
From: "ashutosh.nehete" <ashutosh.nehete@marcoaiot.com>
Date: Fri, 9 May 2025 13:29:40 +0530
Subject: [PATCH] Changed header alignment to left-aligned in Project list
 view, employee list view and master view

---
 public/assets/css/default.css       |  6 ++--
 src/pages/employee/EmployeeList.jsx | 48 ++++++++++++++---------------
 src/pages/master/MasterTable.jsx    |  4 +--
 src/pages/project/ProjectList.jsx   |  2 +-
 4 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/public/assets/css/default.css b/public/assets/css/default.css
index 54897c4f..08b78aa8 100644
--- a/public/assets/css/default.css
+++ b/public/assets/css/default.css
@@ -185,7 +185,7 @@
   height: 2.2rem;
 }
 
-.table > thead > tr :first-child {
+/* .table > thead > tr :first-child {
   text-align: left;
-  padding-left: 50px !important;
-}
+  padding-left: 50px;
+} */
diff --git a/src/pages/employee/EmployeeList.jsx b/src/pages/employee/EmployeeList.jsx
index ae7dcafa..62b6a48b 100644
--- a/src/pages/employee/EmployeeList.jsx
+++ b/src/pages/employee/EmployeeList.jsx
@@ -375,7 +375,29 @@ const EmployeeList = () => {
                         aria-label="User: activate to sort column ascending"
                         aria-sort="descending"
                       >
-                        Name
+                       <div className="text-start ms-6">Name</div>
+                      </th>
+                      <th
+                        className="sorting sorting_desc d-none d-sm-table-cell"
+                        tabIndex="0"
+                        aria-controls="DataTables_Table_0"
+                        rowSpan="1"
+                        colSpan="1"
+                        aria-label="User: activate to sort column ascending"
+                        aria-sort="descending"
+                      >
+                        <div className="text-start ms-5">Email</div>
+                      </th>
+                      <th
+                        className="sorting sorting_desc d-none d-sm-table-cell"
+                        tabIndex="0"
+                        aria-controls="DataTables_Table_0"
+                        rowSpan="1"
+                        colSpan="1"
+                        aria-label="User: activate to sort column ascending"
+                        aria-sort="descending"
+                      >
+                        <div className="text-start ms-5">Contact</div>
                       </th>
                       <th
                         className="sorting sorting_desc  d-none  d-sm-table-cell"
@@ -386,29 +408,7 @@ const EmployeeList = () => {
                         aria-label="User: activate to sort column ascending"
                         aria-sort="descending"
                       >
-                        Email
-                      </th>
-                      <th
-                        className="sorting sorting_desc  d-none  d-sm-table-cell"
-                        tabIndex="0"
-                        aria-controls="DataTables_Table_0"
-                        rowSpan="1"
-                        colSpan="1"
-                        aria-label="User: activate to sort column ascending"
-                        aria-sort="descending"
-                      >
-                        Contact
-                      </th>
-                      <th
-                        className="sorting sorting_desc  d-none  d-sm-table-cell"
-                        tabIndex="0"
-                        aria-controls="DataTables_Table_0"
-                        rowSpan="1"
-                        colSpan="1"
-                        aria-label="User: activate to sort column ascending"
-                        aria-sort="descending"
-                      >
-                        Role
+                        <div className="text-start ms-5">Role</div>
                       </th>
 
                       <th
diff --git a/src/pages/master/MasterTable.jsx b/src/pages/master/MasterTable.jsx
index c1b6212c..bb380872 100644
--- a/src/pages/master/MasterTable.jsx
+++ b/src/pages/master/MasterTable.jsx
@@ -72,8 +72,8 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
           <thead>
             <tr>
               <th></th>
-              <th> {selectedMaster === "Activity" ? "Activity" : "Name"}</th>
-              <th> {selectedMaster === "Activity" ? "Unit" : "Description"}</th>
+              <th className="text-start"> {selectedMaster === "Activity" ? "Activity" : "Name"}</th>
+              <th className="text-start"> {selectedMaster === "Activity" ? "Unit" : "Description"}</th>
               <th className={` ${!hasMasterPermission && "d-none"}`}>
                 Actions
               </th>
diff --git a/src/pages/project/ProjectList.jsx b/src/pages/project/ProjectList.jsx
index a08b2cce..b4aaacfe 100644
--- a/src/pages/project/ProjectList.jsx
+++ b/src/pages/project/ProjectList.jsx
@@ -266,7 +266,7 @@ const ProjectList = () => {
                     <th className="text-start" colSpan={5}>
                       Project Name
                     </th>
-                    <th className="mx-2">Project Manger</th>
+                    <th className="mx-2 text-start">Project Manger</th>
                     <th className="mx-2">START DATE</th>
                     <th className="mx-2">DEADLINE</th>
                     <th className="mx-2">Task</th>