add margin for delete subform button

Altinn · Nov 13, 2024 · 57f43c2 · 57f43c2
1 parent eb54377
commit 57f43c2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/frontend/packages/ux-editor/src/components/Elements/Subform/DeleteSubformWrapper.module.css b/frontend/packages/ux-editor/src/components/Elements/Subform/DeleteSubformWrapper.module.css
@@ -0,0 +1,3 @@
+.button {
+  margin: var(--fds-spacing-2);
+}
diff --git a/frontend/packages/ux-editor/src/components/Elements/Subform/DeleteSubformWrapper.tsx b/frontend/packages/ux-editor/src/components/Elements/Subform/DeleteSubformWrapper.tsx
@@ -5,6 +5,7 @@ import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmen
 import type { LayoutSets } from 'app-shared/types/api/LayoutSetsResponse';
 import { useTranslation } from 'react-i18next';
 import { SubformUtils } from './SubformUtils';
+import classes from './DeleteSubformWrapper.module.css';
 
 type DeleteSubformWrapperProps = {
   layoutSets: LayoutSets;
@@ -30,6 +31,7 @@ export const DeleteSubformWrapper = ({
 
   return (
     <StudioDeleteButton
+      className={classes.button}
       onDelete={onDeleteSubform}
       // Delete is only supported for sub-forms, not regular layout-sets
       variant='tertiary'