From 7d3e407a4d77140f9efef584513459c57d7f222f Mon Sep 17 00:00:00 2001
From: Riccardo Amadio <riccardo.amadio1@gmail.com>
Date: Tue, 4 Apr 2023 23:01:15 +0200
Subject: [PATCH 1/2] change position of joboffer location , remote , salary
 and when it was published the offer

---
 .../Jobs/JobOfferCard/JobOfferCard.tsx        | 48 +++++++++----------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/components/Jobs/JobOfferCard/JobOfferCard.tsx b/src/components/Jobs/JobOfferCard/JobOfferCard.tsx
index 13be344..6ac1c96 100644
--- a/src/components/Jobs/JobOfferCard/JobOfferCard.tsx
+++ b/src/components/Jobs/JobOfferCard/JobOfferCard.tsx
@@ -51,19 +51,17 @@ export const JobOfferCard: FC<{ jobOffer: JobOfferWithTags }> = ({
                   {jobOffer.companyName}
                 </div>
                 <div className="mb-1 flex flex-wrap gap-2 text-[10px] sm:text-xs">
-                  {jobOffer.location && (
-                    <div className="truncate rounded-lg border border-gray-300 py-[2px] px-1 dark:border-slate-600 dark:bg-slate-700">
-                      📍 {jobOffer.location}
-                    </div>
-                  )}
-                  <div className="truncate whitespace-pre rounded-lg border border-gray-300 py-[2px] px-1 dark:border-slate-600 dark:bg-slate-700">
-                    {jobOffer.remote === RemoteKind.full && `🌎 Remoto`}
-                    {jobOffer.remote === RemoteKind.no && `🖥️  In sede`}
-                    {jobOffer.remote === RemoteKind.partial && `💻  Ibrido`}
-                  </div>
-                  <div className="truncate rounded-lg border border-gray-300 py-[2px] px-1 dark:border-slate-600 dark:bg-slate-700">
-                    💰 {jobOffer.salaryRange}
-                  </div>
+                <div
+                className={classNames(
+                  "sm:text-md justify-self-end text-sm font-medium lg:mr-16",
+                  {
+                    "bg-gradient-brand bg-clip-text font-bold uppercase text-transparent":
+                      dayjs(jobOffer.createdAt).fromNow(true) === "New",
+                  }
+                )}
+              >
+                {dayjs(jobOffer.createdAt).fromNow(true)}
+              </div>
                 </div>
               </div>
               <div
@@ -76,17 +74,19 @@ export const JobOfferCard: FC<{ jobOffer: JobOfferWithTags }> = ({
                   limit={open ? undefined : 3}
                 />
               </div>
-              <div
-                className={classNames(
-                  "sm:text-md justify-self-end text-sm font-medium lg:mr-16",
-                  {
-                    "bg-gradient-brand bg-clip-text font-bold uppercase text-transparent":
-                      dayjs(jobOffer.createdAt).fromNow(true) === "New",
-                  }
-                )}
-              >
-                {dayjs(jobOffer.createdAt).fromNow(true)}
-              </div>
+              {jobOffer.location && (
+                    <div className="truncate rounded-lg border border-gray-300 py-[2px] px-1 dark:border-slate-600 dark:bg-slate-700">
+                      📍 {jobOffer.location}
+                    </div>
+                  )}
+                  <div className="truncate whitespace-pre rounded-lg border border-gray-300 py-[2px] px-1 dark:border-slate-600 dark:bg-slate-700">
+                    {jobOffer.remote === RemoteKind.full && `🌎 Remoto`}
+                    {jobOffer.remote === RemoteKind.no && `🖥️  In sede`}
+                    {jobOffer.remote === RemoteKind.partial && `💻  Ibrido`}
+                  </div>
+                  <div className="truncate rounded-lg border border-gray-300 py-[2px] px-1 dark:border-slate-600 dark:bg-slate-700">
+                    💰 {jobOffer.salaryRange}
+                  </div>
               <ChevronDownIcon
                 className={classNames(
                   "w-5 flex-shrink-0 transition-transform",

From 04e475c5c9bcee62b5fb54f1b70a2937944eaa60 Mon Sep 17 00:00:00 2001
From: Riccardo Amadio <riccardo.amadio1@gmail.com>
Date: Wed, 5 Jul 2023 09:14:03 +0200
Subject: [PATCH 2/2] adjust height and distance between components on job
 offer items, also for mobile

---
 src/components/Jobs/JobOfferCard/JobOfferCard.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Jobs/JobOfferCard/JobOfferCard.tsx b/src/components/Jobs/JobOfferCard/JobOfferCard.tsx
index 6ac1c96..88849b3 100644
--- a/src/components/Jobs/JobOfferCard/JobOfferCard.tsx
+++ b/src/components/Jobs/JobOfferCard/JobOfferCard.tsx
@@ -74,19 +74,22 @@ export const JobOfferCard: FC<{ jobOffer: JobOfferWithTags }> = ({
                   limit={open ? undefined : 3}
                 />
               </div>
+              <div className="h-min space-y-1.5">
               {jobOffer.location && (
                     <div className="truncate rounded-lg border border-gray-300 py-[2px] px-1 dark:border-slate-600 dark:bg-slate-700">
                       📍 {jobOffer.location}
                     </div>
                   )}
-                  <div className="truncate whitespace-pre rounded-lg border border-gray-300 py-[2px] px-1 dark:border-slate-600 dark:bg-slate-700">
+                  <div className="truncate whitespace-pre rounded-lg border border-gray-300 py-[2px] px-1 dark:border-slate-600 dark:bg-slate-700 ">
                     {jobOffer.remote === RemoteKind.full && `🌎 Remoto`}
                     {jobOffer.remote === RemoteKind.no && `🖥️  In sede`}
                     {jobOffer.remote === RemoteKind.partial && `💻  Ibrido`}
                   </div>
-                  <div className="truncate rounded-lg border border-gray-300 py-[2px] px-1 dark:border-slate-600 dark:bg-slate-700">
+                  <div className="truncate rounded-lg border border-gray-300 py-[2px] px-1 dark:border-slate-600 dark:bg-slate-700 ">
                     💰 {jobOffer.salaryRange}
                   </div>
+             
+              </div>
               <ChevronDownIcon
                 className={classNames(
                   "w-5 flex-shrink-0 transition-transform",