Improved layouting of job cards

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>
   )
 }

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%;