Set small grid space between rows of cards

Amsterdam · Nov 19, 2024 · 8c8e95a · 8c8e95a
1 parent 6c1025e
commit 8c8e95a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/amsterdam/bestuur-en-organisatie/college-van-burgemeester-en-wethouders/page.tsx b/src/app/amsterdam/bestuur-en-organisatie/college-van-burgemeester-en-wethouders/page.tsx
@@ -115,7 +115,7 @@ export default function CollegeVanBurgemeesterEnWethouders() {
       <AspectRatio ratio="2x-wide">
         <NextImage alt="" src={municipalExecutive} fill />
       </AspectRatio>
-      <Grid paddingVertical="large">
+      <Grid paddingVertical="large" gapVertical="small">
         <Grid.Cell span={{ narrow: 4, medium: 6, wide: 12 }} start={{ narrow: 1, medium: 2, wide: 1 }}>
           <Heading className="ams-mb--xs" level={2}>
             Burgemeester en wethouders

diff --git a/src/app/amsterdam/bestuur-en-organisatie/gemeenteraad/page.tsx b/src/app/amsterdam/bestuur-en-organisatie/gemeenteraad/page.tsx
@@ -95,7 +95,7 @@ export default function Gemeenteraad() {
       <AspectRatio ratio="2x-wide">
         <NextImage alt="" src={cityCouncilImage} fill />
       </AspectRatio>
-      <Grid paddingVertical="large">
+      <Grid paddingVertical="large" gapVertical="small">
         <Grid.Cell span={{ narrow: 4, medium: 4, wide: 5 }} start={1}>
           <Heading className="ams-mb--xs" level={2}>
             Raadsinformatie

diff --git a/src/app/amsterdam/bestuur-en-organisatie/page.tsx b/src/app/amsterdam/bestuur-en-organisatie/page.tsx
@@ -36,7 +36,7 @@ type SectionProps = {
 
 function Section({ description, linkText, subsections, title }: SectionProps) {
   return (
-    <Grid paddingBottom="large">
+    <Grid paddingBottom="large" gapVertical="small">
       <Grid.Cell span={{ narrow: 4, medium: 8, wide: 10 }} start={{ narrow: 1, medium: 1, wide: 2 }}>
         <Heading className={clsx({ 'ams-mb--xs': description || linkText })} level={2}>
           {title}