From 2c11a0755d1d68066231b43965ccda6cb1b51630 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Wed, 6 Mar 2024 18:21:58 +0100
Subject: [PATCH] manage job page padding reduction

---
 src/components/MyActiveJobs/ActiveJobMessage.jsx  |  2 +-
 src/components/MyActiveJobs/ActiveJobs.jsx        | 15 +++++++++++----
 .../MyActiveJobs/JobActions/CurrentJobAction.jsx  |  7 -------
 src/index.css                                     |  3 +--
 4 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/components/MyActiveJobs/ActiveJobMessage.jsx b/src/components/MyActiveJobs/ActiveJobMessage.jsx
index a32e11f..7c681f9 100644
--- a/src/components/MyActiveJobs/ActiveJobMessage.jsx
+++ b/src/components/MyActiveJobs/ActiveJobMessage.jsx
@@ -20,7 +20,7 @@ export default function ActiveJobMessage({ activeJobMesList }) {
 
   return (
     <div className='flex flex-col justify-between'>
-    <div className="w-full min-h-[450px] max-h-[450px] overflow-y-scroll">
+    <div className="w-full h-full min-h-[400px] max-h-[400px] overflow-y-auto">
         <table className="wallet-activity w-full table-auto border-collapse text-left">
             <thead className='border-b-2'>
                 <tr className='text-slate-600'>
diff --git a/src/components/MyActiveJobs/ActiveJobs.jsx b/src/components/MyActiveJobs/ActiveJobs.jsx
index 7c92af9..aeed9a9 100644
--- a/src/components/MyActiveJobs/ActiveJobs.jsx
+++ b/src/components/MyActiveJobs/ActiveJobs.jsx
@@ -286,7 +286,7 @@ function ActiveJobs(props) {
                 <path d="M19 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H19v-2z" />
               </svg>
             </button>
-            <h1 className="text-[22px] font-bold text-dark-gray dark:text-white tracking-wide">
+            <h1 className="text-[20px] font-bold text-dark-gray dark:text-white tracking-wide">
               {props.details?.title && props.details.title}
             </h1>
           </div>
@@ -421,7 +421,7 @@ function ActiveJobs(props) {
                   autoFocus
                 />
               ) : (
-                <div className="p-4 w-full h-[300px] text-base text-slate-600 border border-slate-300">
+                <div className="p-4 w-full h-[200px] text-base text-slate-600 border border-slate-300">
                   <div className="files">
                     <label
                       htmlFor="file"
@@ -535,8 +535,15 @@ function ActiveJobs(props) {
         {/* MESSAGE SECTION */}
         <div className="w-full lg:w-1/2">
           <div className="flex justify-between items-center gap-5">
-            <p className="text-lg font-bold text-dark-gray dark:text-white tracking-wide">
-              Message
+            <p className="w-full text-lg font-bold text-dark-gray dark:text-white tracking-wide flex items-center gap-2">
+              <span>Message</span>
+              <button
+              type="button"
+              onClick={popUpHandler}
+              className="text-[12px] tracking-wider text-emerald-600 dark:text-emerald-300"
+            >
+              View all
+            </button>
             </p>
             {/* <button
               type="button"
diff --git a/src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx b/src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx
index 5c954d5..6435881 100644
--- a/src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx
@@ -13,13 +13,6 @@ function CurrentJobAction() {
                               <div>
                                   Waiting for the completion message from the client before you can approve.
                               </div>
-                              {/*<div className="flex flex-col flex-[0.9]">  </div>*/}
-                      </div>
-                  </td>
-
-                  <td className="text-right py-4 px-2">
-                      <div className="flex justify-center items-center">
-                          .
                       </div>
                   </td>
               </tr>
diff --git a/src/index.css b/src/index.css
index 873eb2b..e58faf9 100644
--- a/src/index.css
+++ b/src/index.css
@@ -52,9 +52,8 @@
 }
 .job-action {
   background-color: #4687ba;
-  height: 100px;
   border-radius: 15px;
-  padding: 5px;
+  padding: 3px;
 }
 
 .msg_box {