From 6449c610f7ed27b7cb1853fd12d3d59360a25c35 Mon Sep 17 00:00:00 2001
From: Dejvino <git.dejvino.cz@dejvino.cz>
Date: Sun, 28 May 2023 09:25:12 +0200
Subject: [PATCH] Improved layouting of job cards

---
 src/app/components/job/JobsCards.tsx | 12 +++++-------
 src/app/globals.css                  |  6 ++++++
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/app/components/job/JobsCards.tsx b/src/app/components/job/JobsCards.tsx
index addf361..9809499 100644
--- a/src/app/components/job/JobsCards.tsx
+++ b/src/app/components/job/JobsCards.tsx
@@ -27,7 +27,7 @@ export default function JobsCards(props: JobListProps) {
   const {jobs} = props
   const config = {...defaultProps, ...props}
   return (
-    <Container>
+    <Container fluid>
       {jobs.current && (
       <Row>
         <Col>
@@ -35,15 +35,13 @@ export default function JobsCards(props: JobListProps) {
         </Col>
       </Row>
       )}
-      {partition(jobs.previous, config.entriesPerRow).map((jobs, index) => (
-      <Row key={index}>
-        {(jobs.map((job, subindex) => (
-        <Col key={index + '_' + subindex}>
+      <Row>
+      {jobs.previous?.map((job, index) => (
+        <Col key={index} xs={12} md={12} lg={6} xl={12}>
           <JobCard {...job} />
         </Col>
-        )))}
+        ))}
       </Row>
-      ))}
     </Container>
   )
 }
diff --git a/src/app/globals.css b/src/app/globals.css
index 4b0e015..8edb335 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -31,6 +31,12 @@ body {
 .job-card .timerange {
     font-style: italic;
 }
+.job-card .card-text {
+    margin-left: 0.4rem;
+}
+.job-card .card-subtitle {
+    margin-bottom: 0.5rem;
+}
 
 .cloud-primary .tag-badges  {
     font-size: 180%;