enhance(client): html-app-container css (#1476)

* enhance(client): html-app-container css - remove old global styles - add new styles where they are used * style(client): lint
DesignSafe-CI · Oct 16, 2024 · aa08e32 · aa08e32
1 parent cf5bb9f
commit aa08e32
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git 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']}>
+            <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
@@ -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
@@ -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;
-}