From 60b7d4fb20c8378bbdb43972b80b8daca27e6b98 Mon Sep 17 00:00:00 2001
From: Petter Hohle <petter.hohle@gmail.com>
Date: Fri, 6 Dec 2024 09:10:20 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Update=20paddings=20and=20margin?=
 =?UTF-8?q?=20(#951)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/jobPosting/JobPosting.tsx        | 4 +++-
 src/components/jobPosting/jobPosting.module.css | 8 +-------
 src/components/sections/jobs/jobs.module.css    | 2 +-
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/components/jobPosting/JobPosting.tsx b/src/components/jobPosting/JobPosting.tsx
index c257b480b..a2dc38fb8 100644
--- a/src/components/jobPosting/JobPosting.tsx
+++ b/src/components/jobPosting/JobPosting.tsx
@@ -30,7 +30,9 @@ export default function JobPosting({ jobPosting }: JobPostingProps) {
         <div className={styles.role}>
           <Text type={"h5"}>{jobPosting.role}</Text>
         </div>
-        <Badge>{jobPostingLocations}</Badge>
+        <div className={styles.locations}>
+          <Badge>{jobPostingLocations}</Badge>
+        </div>
       </div>
     </a>
   );
diff --git a/src/components/jobPosting/jobPosting.module.css b/src/components/jobPosting/jobPosting.module.css
index e633b19dc..a75c301f4 100644
--- a/src/components/jobPosting/jobPosting.module.css
+++ b/src/components/jobPosting/jobPosting.module.css
@@ -4,7 +4,7 @@
   justify-content: space-between;
   align-items: center;
   border-radius: 1.5rem;
-  padding: 0.5rem 1.5rem;
+  padding: 1rem 1.5rem;
   gap: 5rem;
   width: 100%;
   background-color: var(--text-primary-light);
@@ -40,12 +40,6 @@
 }
 
 .locations {
-  border: solid;
-  border-color: var(--text-primary);
-  border-width: thin;
-  border-radius: 25rem;
-  padding: 0.375rem 0.75rem;
-  text-align: center;
   @media (max-width: 640px) {
     display: none;
   }
diff --git a/src/components/sections/jobs/jobs.module.css b/src/components/sections/jobs/jobs.module.css
index fa8a1ad9f..b7963f53a 100644
--- a/src/components/sections/jobs/jobs.module.css
+++ b/src/components/sections/jobs/jobs.module.css
@@ -4,7 +4,7 @@
   justify-content: center;
   padding: 2rem 0.375rem 0.375rem 0.375rem;
   max-width: 53rem;
-  margin: 5rem auto;
+  margin: 7.5rem auto;
   border-radius: 0.375rem;
   gap: 1.5rem;
   background-color: var(--Violet-700);