💄 Update paddings and margin (#951)

varianter · Dec 6, 2024 · 60b7d4f · 60b7d4f
1 parent 7eb239f
commit 60b7d4f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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);