fix: layout min-height (#144)

useid · Jul 30, 2021 · ef01f4b · ef01f4b
1 parent 85a2c2d
commit ef01f4b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/semcom-demo-app/lib/demo.component.ts b/packages/semcom-demo-app/lib/demo.component.ts
@@ -158,7 +158,7 @@ export class DemoComponent extends RxLitElement {
       .demo-content {
         display:flex;
         flex-direction: column;
-        height: 100%;
+        min-height: 100%;
         margin: 0 auto;
         width: var(--site-max-width);
         background-color: var(--color-background-root);
@@ -192,11 +192,11 @@ export class DemoComponent extends RxLitElement {
         display:flex;
         flex-direction: column;
         justify-content: space-around;
-        height: 100%;
+        min-height: 100%;
       }
 
       .content > * {
-        margin: 100px;
+        margin: 60px 100px 100px 100px;
       }
       `,
     ];

diff --git a/packages/semcom-demo-app/lib/styles.module.css b/packages/semcom-demo-app/lib/styles.module.css
@@ -22,7 +22,7 @@ html {
 body {
   display:flex;
   justify-content: center;
-  height: 100%;
+  min-height: 100%;
   background-color: var(--colors-background-normal);
 }