From ff4e90027fea13b5e7a9485ff21e6a103cfb8e91 Mon Sep 17 00:00:00 2001
From: wrt95 <wrt_95@hotmail.com>
Date: Tue, 15 Oct 2024 10:45:37 +0200
Subject: [PATCH 1/3] style: adding more space to app-preview content

---
 .../PreviewLimitationsInfo/PreviewLimitationsInfo.module.css | 5 +++++
 .../PreviewLimitationsInfo/PreviewLimitationsInfo.tsx        | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/packages/shared/src/components/PreviewLimitationsInfo/PreviewLimitationsInfo.module.css b/frontend/packages/shared/src/components/PreviewLimitationsInfo/PreviewLimitationsInfo.module.css
index 69ae937d7cc..ffddd820372 100644
--- a/frontend/packages/shared/src/components/PreviewLimitationsInfo/PreviewLimitationsInfo.module.css
+++ b/frontend/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
index fb5e218070c..77f087bc129 100644
--- 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}>

From 8b363e654fdd5bc1984abca62353326eb449ff1f Mon Sep 17 00:00:00 2001
From: wrt95 <wrt_95@hotmail.com>
Date: Tue, 15 Oct 2024 16:09:06 +0200
Subject: [PATCH 2/3] moving CSS to correct place

---
 frontend/app-preview/src/views/LandingPage.module.css        | 2 ++
 .../PreviewLimitationsInfo/PreviewLimitationsInfo.module.css | 5 -----
 .../PreviewLimitationsInfo/PreviewLimitationsInfo.tsx        | 2 +-
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend/app-preview/src/views/LandingPage.module.css b/frontend/app-preview/src/views/LandingPage.module.css
index 908f6291ac0..70e5b4ee81c 100644
--- a/frontend/app-preview/src/views/LandingPage.module.css
+++ b/frontend/app-preview/src/views/LandingPage.module.css
@@ -21,4 +21,6 @@
   display: flex;
   flex-direction: column;
   height: calc(100vh - var(--header-height));
+  gap: var(--fds-spacing-8);
+  margin-inline: var(--fds-spacing-18);
 }
diff --git a/frontend/packages/shared/src/components/PreviewLimitationsInfo/PreviewLimitationsInfo.module.css b/frontend/packages/shared/src/components/PreviewLimitationsInfo/PreviewLimitationsInfo.module.css
index ffddd820372..69ae937d7cc 100644
--- a/frontend/packages/shared/src/components/PreviewLimitationsInfo/PreviewLimitationsInfo.module.css
+++ b/frontend/packages/shared/src/components/PreviewLimitationsInfo/PreviewLimitationsInfo.module.css
@@ -1,8 +1,3 @@
-.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
index 77f087bc129..fb5e218070c 100644
--- 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' className={classes.alertWrapper}>
+    <Alert severity='info'>
       <div className={classes.alert}>
         {t('preview.limitations_info')}
         <StudioPopover open={openSaveChoiceInSession}>

From e161efc6942a28f82baade31aa7948e09a44f453 Mon Sep 17 00:00:00 2001
From: William Thorenfeldt <48119543+wrt95@users.noreply.github.com>
Date: Wed, 16 Oct 2024 08:10:58 +0200
Subject: [PATCH 3/3] Update
 frontend/app-preview/src/views/LandingPage.module.css

Co-authored-by: andreastanderen <71079896+standeren@users.noreply.github.com>
---
 frontend/app-preview/src/views/LandingPage.module.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/app-preview/src/views/LandingPage.module.css b/frontend/app-preview/src/views/LandingPage.module.css
index 70e5b4ee81c..45edb0ceee1 100644
--- a/frontend/app-preview/src/views/LandingPage.module.css
+++ b/frontend/app-preview/src/views/LandingPage.module.css
@@ -21,6 +21,6 @@
   display: flex;
   flex-direction: column;
   height: calc(100vh - var(--header-height));
-  gap: var(--fds-spacing-8);
+  gap: var(--fds-spacing-4);
   margin-inline: var(--fds-spacing-18);
 }