fix: add spacing between cards

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"
 

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