minor demo style adjustments

StigNygaard · Sep 28, 2024 · b3b80ad · b3b80ad
1 parent 5c38f16
commit b3b80ad
Showing 1 changed file with 15 additions and 11 deletions.
diff --git a/demo/demo.css b/demo/demo.css
@@ -1,24 +1,25 @@
 :root {
+  height: 100%;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 15px;
   line-height: 1.4;
   color: rgb(34,34,34);
 }
 
-a {
-  color: rgb(34,34,34);
-}
-
 body {
+  height: 100%;
   margin: 0;
   padding: 0;
+  display: flex; /* main.demo & footer */
+  flex-direction: column;
 }
 
 .demo {
-  display: flex;
+  flex: 1 0 auto;
+  padding: 1.8rem;
+  display: flex; /* .info, .widget & .options */
   flex-wrap: wrap;
   column-gap: 1.5rem;
-  padding: 1.8rem;
 }
 
 .info {
@@ -32,6 +33,11 @@ body {
   flex: 0 1 19.2rem;
 }
 
+footer {
+  flex-shrink: 0;
+  padding: 1rem 2rem;
+  background-color: #fadcdc;
+}
 
 h1 {
   font-size: 1.85rem;
@@ -45,6 +51,9 @@ h3 {
   font-size: 1.05rem;
 }
 
+a {
+  color: rgb(34,34,34);
+}
 
 a[href^='https://github.com/StigNygaard/']::after {
   content: '';
@@ -136,8 +145,3 @@ body.desktop-mode .drag-info {
   padding-top: 1em;
   border-top: 1px #eee solid;
 }
-
-footer {
-  padding: 1rem 2rem;
-  background-color: #fadcdc;
-}