From 0d013c261b1dce76563a74d69c5d445689101887 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Sat, 13 May 2023 14:04:40 +0100
Subject: [PATCH] Job layout implemented

---
 src/components/MyJobs/MyJobTable.jsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/MyJobs/MyJobTable.jsx b/src/components/MyJobs/MyJobTable.jsx
index 0517246..e435790 100644
--- a/src/components/MyJobs/MyJobTable.jsx
+++ b/src/components/MyJobs/MyJobTable.jsx
@@ -86,16 +86,20 @@ export default function MyJobTable({MyJobList, className }) {
                                                     </span>
 
                                                 </div>
-                                                <div className="job-sub-menu">
+                                                {/* <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>
 
                                         </td>
 
 
-                                        <td className="text-right py-3 px-2">
+                                        <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>
                                             <button
                                                 type="button"
                                                 // onClick={()=>{setJobPopout({show:true, data:value})}}