fix(styles): re-affix buttons to small screen bottoms

aurora-is-near · Jan 27, 2021 · 5cecb5a · 5cecb5a
1 parent 04a9a46
commit 5cecb5a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/css/global.css b/src/css/global.css
@@ -49,6 +49,9 @@ html {
 
 body {
   margin: 0;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
 }
 
 h1, h2, h3, h4, h5, h6 {

diff --git a/src/css/transfer-form.css b/src/css/transfer-form.css
@@ -1,4 +1,9 @@
 .transfer-form {
+  /* body is flex-direction: column & min-height: 100vh.
+   * flex: 1 here stretches this element to fill rest of vertical viewport */
+  flex: 1;
+
+  /* also stretch this element vertically, to push footer to bottom */
   display: flex;
   flex-direction: column;
   margin-top: 2rem;