From 9f69aef4654f200e9f2bc4d659f2653300e9dfa6 Mon Sep 17 00:00:00 2001
From: eirikhaugstulen <eirik.haugstulen@gmail.com>
Date: Sun, 7 Jan 2024 15:23:11 +0100
Subject: [PATCH] fix: add spacing between cards

---
 i18n/en.pot                                            | 10 +++++-----
 .../RightColumn/RightColumnWrapper.component.js        |  4 ++++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/i18n/en.pot b/i18n/en.pot
index 0dd6fab89a..ef299b3aab 100644
--- a/i18n/en.pot
+++ b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2023-09-12T06:24:49.265Z\n"
-"PO-Revision-Date: 2023-09-12T06:24:49.265Z\n"
+"POT-Creation-Date: 2024-01-07T14:04:56.420Z\n"
+"PO-Revision-Date: 2024-01-07T14:04:56.420Z\n"
 
 msgid "Choose one or more dates..."
 msgstr "Choose one or more dates..."
@@ -1380,6 +1380,9 @@ msgstr "This stage can only have one event"
 msgid "Events could not be retrieved. Please try again later."
 msgstr "Events could not be retrieved. Please try again later."
 
+msgid "Assigned to"
+msgstr "Assigned to"
+
 msgid "{{ totalEvents }} events"
 msgstr "{{ totalEvents }} events"
 
@@ -1446,9 +1449,6 @@ msgstr "Download data..."
 msgid "an error occurred loading working lists"
 msgstr "an error occurred loading working lists"
 
-msgid "Assigned to"
-msgstr "Assigned to"
-
 msgid "Registration Date"
 msgstr "Registration Date"
 
diff --git a/src/core_modules/capture-core/components/Pages/ViewEvent/RightColumn/RightColumnWrapper.component.js b/src/core_modules/capture-core/components/Pages/ViewEvent/RightColumn/RightColumnWrapper.component.js
index 344c6b4698..307d8ccd30 100644
--- a/src/core_modules/capture-core/components/Pages/ViewEvent/RightColumn/RightColumnWrapper.component.js
+++ b/src/core_modules/capture-core/components/Pages/ViewEvent/RightColumn/RightColumnWrapper.component.js
@@ -1,6 +1,7 @@
 
 // @flow
 import * as React from 'react';
+import { spacers } from '@dhis2/ui';
 import { withStyles } from '@material-ui/core/styles';
 import { ErrorsSection } from './ErrorsSection/ErrorsSection.container';
 import { WarningsSection } from './WarningsSection/WarningsSection.container';
@@ -18,9 +19,12 @@ type Props = {
 
 const getStyles = (theme: Theme) => ({
     container: {
+        display: 'flex',
+        flexDirection: 'column',
         flexBasis: theme.typography.pxToRem(0),
         flexGrow: 1,
         minWidth: theme.typography.pxToRem(300),
+        gap: spacers.dp16,
     },
 });