From 7083e67667af453fbaacd2b75c4f7d47820e309c Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Sun, 14 May 2023 07:33:46 +0100
Subject: [PATCH] Positioned the delete and edit button in my jobs list

---
 src/components/MyJobs/MyJobTable.jsx | 23 +++++++++--------------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/components/MyJobs/MyJobTable.jsx b/src/components/MyJobs/MyJobTable.jsx
index e435790..ec54677 100644
--- a/src/components/MyJobs/MyJobTable.jsx
+++ b/src/components/MyJobs/MyJobTable.jsx
@@ -51,8 +51,8 @@ export default function MyJobTable({MyJobList, className }) {
                 <table className="table-auto min-w-full text-sm text-left text-gray-500 dark:text-gray-400">
                     <tbody>
                     <tr className="text-base text-thin-light-gray border-b  default-border-b dark:border-[#5356fb29] ottom ">
-                        <td className="py-8">.</td>
-                        <td className="py-4 text-right">.</td>
+                        <td className="py-1">.</td>
+                        <td className="py-1 text-right">.</td>
                     </tr>
 
                     {selectedCategory === "All Categories" ? (
@@ -63,7 +63,6 @@ export default function MyJobTable({MyJobList, className }) {
                                     <tr key={index} className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
                                         <td className="py-9">
                                             <div className="flex space-x-2 items-center job-items">
-
                                                 <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
                                                     <img
                                                         src={dataImage2}
@@ -86,23 +85,19 @@ export default function MyJobTable({MyJobList, className }) {
                                                     </span>
 
                                                 </div>
-                                                {/* <div className="job-sub-menu">
-                                                    <button type="button" className="w-20 h-11" onClick={()=>{setDeleteJobPopout({show:true, data:value})}}>[Delete]</button> |
-                                                    <button  type="button" className="w-20 h-11">Edit</button>
-                                                </div> */}
+                                            </div>
+                                            <div className="job-sub-menu mt-2 flex flex-nowrap justify-start sm:justify-end items-center">
+                                                <div className="bg-yellow-300 mx-2 rounded-md">
+                                                    <button type="button" className="p-2 w-[60px] h-11" onClick={()=>{setDeleteJobPopout({show:true, data:value})}}>[Delete]</button> |
+                                                    <button  type="button" className="p-2 w-[40px] h-11">Edit</button>
+                                                </div>
                                             </div>
 
                                         </td>
 
-
-                                        <td className="text-right py-9 px-2 flex flex-col-reverse content-between items-center md:flex-row md:justify-center md:items-center md:space-x-1">
-                                            <div className="job-sub-menu mt-4 md:mt-0 flex flex-nowrap justify-between items-center bg-yellow-300">
-                                                <button type="button" className="w-20 h-11" onClick={()=>{setDeleteJobPopout({show:true, data:value})}}>Delete</button> |
-                                                <button  type="button" className="w-20 h-11">Edit</button>
-                                            </div>
+                                        <td className="text-right py-9 px-2">
                                             <button
                                                 type="button"
-                                                // onClick={()=>{setJobPopout({show:true, data:value})}}
                                                 onClick={()=>{setJobPopout({show:true, data:value})}}
                                                 className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
                                             >
-- 
2.34.1