UX: Center wizard vertically

2020-09-25 11:05:10 -04:00 · 2020-09-25 11:05:10 -04:00 · f031869e08
parent ea59f43f6c
commit f031869e08
1 changed files with 8 additions and 0 deletions
--- a/app/assets/stylesheets/wizard.scss
+++ b/app/assets/stylesheets/wizard.scss
@ -18,6 +18,14 @@ body.wizard {
  font-size: 15px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+
+  #wizard-main {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    min-height: 100%;
+  }
+
  #wizard-main:before {
    mask: asset-url("/images/wizard/bubbles.svg");
    -webkit-mask: asset-url("/images/wizard/bubbles.svg");