style: adding more space to app-preview content

Altinn · Oct 15, 2024 · ff4e900 · ff4e900
1 parent 0a51994
commit ff4e900
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/...d/packages/shared/src/components/PreviewLimitationsInfo/PreviewLimitationsInfo.module.css b/...d/packages/shared/src/components/PreviewLimitationsInfo/PreviewLimitationsInfo.module.css
@@ -1,3 +1,8 @@
+.alertWrapper {
+  margin-top: var(--fds-spacing-8);
+  margin-inline: var(--fds-spacing-18);
+}
+
 .alert {
   display: flex;
   flex-direction: row;

diff --git a/frontend/packages/shared/src/components/PreviewLimitationsInfo/PreviewLimitationsInfo.tsx b/frontend/packages/shared/src/components/PreviewLimitationsInfo/PreviewLimitationsInfo.tsx
@@ -30,7 +30,7 @@ export const PreviewLimitationsInfo = () => {
   if (!showPreviewLimitationsInfo) return null;
 
   return (
-    <Alert severity='info'>
+    <Alert severity='info' className={classes.alertWrapper}>
       <div className={classes.alert}>
         {t('preview.limitations_info')}
         <StudioPopover open={openSaveChoiceInSession}>