UX: Center wizard vertically

UX: Center wizard vertically

diff --git a/app/assets/stylesheets/wizard.scss b/app/assets/stylesheets/wizard.scss
index f1aa64b..41a94a7 100644
--- 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");

GitHub sha: f031869e

1 Like