From 6e9dd77d666910bc57eb0e0c53a7c9b345a5b2a6 Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Tue, 15 Oct 2024 16:09:51 -0500
Subject: [PATCH 1/2] enhance(client): html-app-container css

- remove old global styles
- add new styles where they are used
---
 client/src/workspace/layouts/AppsViewLayout.tsx | 2 +-
 client/src/workspace/layouts/layout.module.css  | 6 ++++++
 designsafe/static/styles/ng-designsafe.css      | 5 -----
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/client/src/workspace/layouts/AppsViewLayout.tsx b/client/src/workspace/layouts/AppsViewLayout.tsx
index 39f617613b..f41d1a6876 100644
--- a/client/src/workspace/layouts/AppsViewLayout.tsx
+++ b/client/src/workspace/layouts/AppsViewLayout.tsx
@@ -60,7 +60,7 @@ export const AppsViewLayout: React.FC = () => {
             </Flex>
           </Header>
           {htmlApp ? (
-            <div className={styles['overflow']}>
+            <div className={`${styles['overflow']} ${styles['html-app-container']}`}>
               {parse(htmlApp.html as string)}
             </div>
           ) : (
diff --git a/client/src/workspace/layouts/layout.module.css b/client/src/workspace/layouts/layout.module.css
index 2668643dac..dc48d3cc45 100644
--- a/client/src/workspace/layouts/layout.module.css
+++ b/client/src/workspace/layouts/layout.module.css
@@ -14,6 +14,12 @@
   overflow: auto;
 }
 
+.html-app-container {
+  & p {
+    margin-block: 1em 2em;
+  }
+}
+
 .appDetail-placeholder-message {
   display: flex;
   justify-content: center;
diff --git a/designsafe/static/styles/ng-designsafe.css b/designsafe/static/styles/ng-designsafe.css
index 94ac89369b..b555c25527 100644
--- a/designsafe/static/styles/ng-designsafe.css
+++ b/designsafe/static/styles/ng-designsafe.css
@@ -1074,8 +1074,3 @@ i[class^="icon-ls-pre/post"]:before,
 :root {
     color-scheme: only light !important;
 }
-
-.html-app-container {
-    padding: 30px !important;
-    margin-top: 20px !important;
-}

From 1c62d2c1cf61e09481a7794add13182a76b95d01 Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Tue, 15 Oct 2024 16:55:19 -0500
Subject: [PATCH 2/2] style(client): lint

---
 client/src/workspace/layouts/AppsViewLayout.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/workspace/layouts/AppsViewLayout.tsx b/client/src/workspace/layouts/AppsViewLayout.tsx
index f41d1a6876..ee3ebf0d67 100644
--- a/client/src/workspace/layouts/AppsViewLayout.tsx
+++ b/client/src/workspace/layouts/AppsViewLayout.tsx
@@ -60,7 +60,9 @@ export const AppsViewLayout: React.FC = () => {
             </Flex>
           </Header>
           {htmlApp ? (
-            <div className={`${styles['overflow']} ${styles['html-app-container']}`}>
+            <div
+              className={`${styles['overflow']} ${styles['html-app-container']}`}
+            >
               {parse(htmlApp.html as string)}
             </div>
           ) : (