From 3b619a4faee2648d5e5ce821b775d97f539ead16 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 10 Mar 2025 14:15:53 +0100
Subject: [PATCH] table action button aligned

---
 .../applicationsloancom/ApplicationsLoanCom.jsx        | 10 ++++++----
 src/components/approvedloancom/ApprovedLoanCom.jsx     | 10 ++++++----
 .../disbursementsloancom/DisbursementsLoanCom.jsx      |  8 +++++---
 src/components/selectedloancom/SelectedLoanCom.jsx     | 10 ++++++----
 4 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/components/applicationsloancom/ApplicationsLoanCom.jsx b/src/components/applicationsloancom/ApplicationsLoanCom.jsx
index 8c3d3c4..9d0afdd 100644
--- a/src/components/applicationsloancom/ApplicationsLoanCom.jsx
+++ b/src/components/applicationsloancom/ApplicationsLoanCom.jsx
@@ -81,16 +81,18 @@ export default function LoanOffersCom() {
                                                 {getDateFromDateString(item?.added)} {getTimeFromDateString(item?.added)}
                                             </div>
                                         </td>
-                                        <td className="px-3 py-2 flex gap-3 md:gap-4">
+                                        <td className="px-3 py-2">
                                             {/* <!-- Modal toggle --> */}
                                             {/* <Link to={RouteLinks.manageAdminPage}>
                                                 <i onClick={handleShowEditModal} className="fa-solid fa-eye text-base md:text-lg cursor-pointer p-2 text-sky-600"></i>
                                             </Link> */}
                                             {/* <i onClick={handleShowEditModal} className="fa-solid fa-pen-to-square text-base md:text-lg cursor-pointer p-2"></i> */}
                                             {/* <i onClick={handleDeleteModal} className="fa-solid fa-trash text-base md:text-lg cursor-pointer p-2 text-red-500"></i> */}
-                                            <Icons name='edit' />
-                                            <Icons name='eye' />
-                                            <Icons name='trash' className={'hidden text-red-500'} />
+                                            <div className='flex items-center gap-3 md:gap-4'>
+                                                <Icons name='edit' />
+                                                <Icons name='eye' />
+                                                <Icons name='trash' className={'hidden text-red-500'} />
+                                            </div>
                                         </td>
                                     </tr>
                                 ))
diff --git a/src/components/approvedloancom/ApprovedLoanCom.jsx b/src/components/approvedloancom/ApprovedLoanCom.jsx
index 8d63253..1e24bad 100644
--- a/src/components/approvedloancom/ApprovedLoanCom.jsx
+++ b/src/components/approvedloancom/ApprovedLoanCom.jsx
@@ -95,16 +95,18 @@ export default function ApprovedLoanCom() {
                                         <td className="px-3 py-2">
                                             {formatNumber(item?.total_fee)}
                                         </td>
-                                        <td className="px-3 py-2 flex gap-3 md:gap-4">
+                                        <td className="px-3 py-2">
                                             {/* <!-- Modal toggle --> */}
                                             {/* <Link to={RouteLinks.manageAdminPage}>
                                                 <i onClick={handleShowEditModal} className="fa-solid fa-eye text-base md:text-lg cursor-pointer p-2 text-sky-600"></i>
                                             </Link> */}
                                             {/* <i onClick={handleShowEditModal} className="fa-solid fa-pen-to-square text-base md:text-lg cursor-pointer p-2"></i> */}
                                             {/* <i onClick={handleDeleteModal} className="fa-solid fa-trash text-base md:text-lg cursor-pointer p-2 text-red-500"></i> */}
-                                            <Icons name='edit' />
-                                            <Icons name='eye' />
-                                            <Icons name='trash' className={'hidden text-red-500'} />
+                                            <div className='flex items-center gap-3 md:gap-4'>
+                                                <Icons name='edit' />
+                                                <Icons name='eye' />
+                                                <Icons name='trash' className={'hidden text-red-500'} />
+                                            </div>
                                         </td>
                                     </tr>
                                 ))
diff --git a/src/components/disbursementsloancom/DisbursementsLoanCom.jsx b/src/components/disbursementsloancom/DisbursementsLoanCom.jsx
index acd0451..0a76aa3 100644
--- a/src/components/disbursementsloancom/DisbursementsLoanCom.jsx
+++ b/src/components/disbursementsloancom/DisbursementsLoanCom.jsx
@@ -101,7 +101,11 @@ export default function DisbursementsLoanCom() {
                                         <td className="px-3 py-2">
                                             {formatNumber(item?.total_fee)}
                                         </td>
-                                        <td className="px-3 py-2 flex gap-3 md:gap-4">
+                                        <td className="px-3 py-2">
+                                            <div className='flex items-center gap-3 md:gap-4'>
+                                                <Icons name='eye' />
+                                                <Icons name='trash' className={'hidden text-red-500'} />
+                                            </div>
                                             {/* <!-- Modal toggle --> */}
                                             {/* <Link to={RouteLinks.manageAdminPage}>
                                                 <i onClick={handleShowEditModal} className="fa-solid fa-eye text-base md:text-lg cursor-pointer p-2 text-sky-600"></i>
@@ -109,8 +113,6 @@ export default function DisbursementsLoanCom() {
                                             {/* <i onClick={handleShowEditModal} className="fa-solid fa-pen-to-square text-base md:text-lg cursor-pointer p-2"></i> */}
                                             {/* <i onClick={handleDeleteModal} className="fa-solid fa-trash text-base md:text-lg cursor-pointer p-2 text-red-500"></i> */}
                                             {/* <Icons name='edit' /> */}
-                                            <Icons name='eye' />
-                                            <Icons name='trash' className={'hidden text-red-500'} />
                                         </td>
                                     </tr>
                                 ))
diff --git a/src/components/selectedloancom/SelectedLoanCom.jsx b/src/components/selectedloancom/SelectedLoanCom.jsx
index 8618caf..f0d02d9 100644
--- a/src/components/selectedloancom/SelectedLoanCom.jsx
+++ b/src/components/selectedloancom/SelectedLoanCom.jsx
@@ -74,16 +74,18 @@ export default function SelectedLoanCom() {
                                             {getDateFromDateString(item?.added)} {getTimeFromDateString(item?.added)}
                                             </div>
                                         </td>
-                                        <td className="px-3 py-2 flex gap-3 md:gap-4">
+                                        <td className="px-3 py-2">
                                             {/* <!-- Modal toggle --> */}
                                             {/* <Link to={RouteLinks.manageAdminPage}>
                                                 <i onClick={handleShowEditModal} className="fa-solid fa-eye text-base md:text-lg cursor-pointer p-2 text-sky-600"></i>
                                             </Link> */}
                                             {/* <i onClick={handleShowEditModal} className="fa-solid fa-pen-to-square text-base md:text-lg cursor-pointer p-2"></i> */}
                                             {/* <i onClick={handleDeleteModal} className="fa-solid fa-trash text-base md:text-lg cursor-pointer p-2 text-red-500"></i> */}
-                                            <Icons name='edit' />
-                                            <Icons name='eye' />
-                                            <Icons name='trash' className={'hidden text-red-500'} />
+                                            <div className='flex items-center gap-3 md:gap-4'>
+                                                <Icons name='edit' />
+                                                <Icons name='eye' />
+                                                <Icons name='trash' className={'hidden text-red-500'} />
+                                            </div>
                                         </td>
                                     </tr>
                                 ))