From 8a17ac89e475c5ea1203445b060da5693d351ad6 Mon Sep 17 00:00:00 2001
From: aakash2330 <aakash2330@gmail.com>
Date: Sun, 29 Sep 2024 19:43:29 +0530
Subject: [PATCH] ui-fixes

---
 src/components/job.tsx | 23 ++++++++---------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/components/job.tsx b/src/components/job.tsx
index 7b1568b0..ee19a5d9 100644
--- a/src/components/job.tsx
+++ b/src/components/job.tsx
@@ -51,26 +51,14 @@ export const Job = ({ job }: { job: JobType }) => {
             </div>
 
             <span className="flex bg-green-500/20 font-bold rounded-lg px-4 py-1 text-green-500 text-xs md:text-sm items-center gap-0.5">
-              {job.minSalary && <Icon icon="currency" size={16} />}
+              {!!job.minSalary && <Icon icon="currency" size={16} />}
               {job.minSalary && job.maxSalary
                 ? `${formatSalary(job.minSalary)}-${formatSalary(job.maxSalary)}`
                 : 'Not disclosed'}
             </span>
-
-            <div className="flex items-center gap-2">
-              <MapPin size={16} />
-              <p className="text-xs md:text-sm font-semibold">{job.address}</p>
-            </div>
           </div>
         </div>
 
-        <span className="flex bg-green-500/20 font-bold rounded-lg px-4 py-1 text-green-500 text-xs md:text-sm items-center gap-0.5">
-          {!!job.minSalary && <Icon icon="currency" size={16} />}
-          {job.minSalary && job.maxSalary
-            ? `${formatSalary(job.minSalary)}-${formatSalary(job.maxSalary)}`
-            : 'Not disclosed'}
-        </span>
-
         <div className="flex items-center gap-2">
           <MapPin size={16} />
           <p className="text-xs md:text-sm font-semibold">{job.address}</p>
@@ -105,9 +93,12 @@ export const Job = ({ job }: { job: JobType }) => {
 
       {/* job description */}
       <section className="border-2 bg-[#F1F5F9] dark:bg-[#0F172A] h-auto max-h-[20rem] overflow-y-auto p-6 rounded-xl">
+        <h1 className="font-extrabold px-4 py-1 w-fit text-white bg-blue-500/20 rounded-lg text-xl ">
+          Job Description
+        </h1>
         <Linkify options={options}>
           <div
-            className="my-4text-neutral-200"
+            className="my-4 text-neutral-100"
             dangerouslySetInnerHTML={{ __html: job.description ?? '' }}
           ></div>
         </Linkify>
@@ -115,7 +106,9 @@ export const Job = ({ job }: { job: JobType }) => {
 
       {/* about company */}
       <section className="border-2 bg-[#F1F5F9] dark:bg-[#0F172A] h-auto max-h-[15rem] overflow-y-auto p-6 rounded-xl">
-        <h1 className="font-bold">About {job.companyName}</h1>
+        <h1 className="font-extrabold px-4 py-1 w-fit text-white bg-blue-500/20 rounded-lg text-xl ">
+          About {job.companyName}
+        </h1>
         <div
           dangerouslySetInnerHTML={{ __html: job.companyBio ?? '' }}
           className="my-4 text-neutral-200"