added padding for table header

src/components/AdvancePayment/AdvancePaymentList.jsx

@@ -110,9 +110,9 @@ const AdvancePaymentList = ({ employeeId }) => {
   ];
 
   return (
-    <div className="table-responsive">
+    <div className="table-responsive ">
       <table className="table  align-middle">
-        <thead className="table_header_border ">
+        <thead className="table_header_border  ">
           <tr>
             {columns.map((col) => (
               <th key={col.key} className={col.align}>
@@ -125,7 +125,7 @@ const AdvancePaymentList = ({ employeeId }) => {
           {rowsWithBalance.map((row) => (
             <tr key={row.id}>
               {columns.map((col) => (
-                <td key={col.key} className={col.align}>
+                <td key={col.key} className={`${col.align} p-6`}>
                   {col.key === "balance" ||
                   col.key === "credit" ||
                   col.key === "debit"
@@ -133,15 +133,18 @@ const AdvancePaymentList = ({ employeeId }) => {
                         style: "currency",
                         currency: "INR",
                       })
-                    : row[col.key]}
+                    : (<div className="d-flex flex-column">
+                      <small>Projec Name</small>
+                      <small>{row[col.key]}</small>
+                    </div>)}
                 </td>
               ))}
             </tr>
           ))}
         </tbody>
-        <tfoot className="table-secondary fw-bold">
+        <tfoot className="table-secondary fw-bold ">
           <tr>
-            <td className="text-start">Final Balance</td>
+            <td className="text-start p-3">Final Balance</td>
             <td className="text-end" colSpan="3">
               {currentBalance.toLocaleString("en-IN", {
                 style: "currency",