fix: use card as form-wrapper

dhis2 · Oct 1, 2024 · c6724a0 · c6724a0
1 parent 0cfce23
commit c6724a0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/app/layout/Layout.module.css b/src/app/layout/Layout.module.css
@@ -28,6 +28,8 @@
     grid-area: main;
     background-color: var(--colors-grey100);
     width: 100%;
+    display: flex;
+    flex-direction: column;
 }
 
 .sidebar {

diff --git a/src/components/form/DefaultFormContents.tsx b/src/components/form/DefaultFormContents.tsx
@@ -7,6 +7,7 @@ import { ModelSection } from '../../types'
 import { StandardFormSection, StandardFormActions } from '../standardForm'
 import classes from './DefaultFormContents.module.css'
 import { DefaultFormErrorNotice } from './DefaultFormErrorNotice'
+import { Card } from '@dhis2/ui'
 
 export function DefaultEditFormContents({
     children,
@@ -24,13 +25,13 @@ export function DefaultEditFormContents({
 
     return (
         <>
-            <div className={classes.form}>
+            <Card className={classes.form}>
                 {children}
 
                 <StandardFormSection>
                     <DefaultFormErrorNotice />
                 </StandardFormSection>
-            </div>
+            </Card>
             <div className={classes.formActions}>
                 <StandardFormActions
                     cancelLabel={i18n.t('Cancel')}