Add MFA support

app/assets/less/form.less

@@ -109,22 +109,25 @@
   }
 }
 
-.coreid-login-form {
+.coreid-login-form, .coreid-auth-page {
   border: 2px solid #ddd;
   border-radius: 7px;
+  display: flex;
+  align-items: center;
+  min-height: 65vh;
+  background-color: #f8f8f8;
 
-  .coreid-login-form-inner {
+  .coreid-login-form-inner, .coreid-auth-page-inner {
     padding: 30px;
-    padding-top: 170px;
-    padding-bottom: 160px;
+    width: 100%;
   }
 
-  .coreid-login-form-header {
+  .coreid-login-form-header, .coreid-header {
     font-size: 2.5em;
     margin-bottom: 10px;
   }
 
-  .coreid-login-form-message {
+  .coreid-login-form-message, .coreid-message {
     margin-bottom: 40px;
   }
 
@@ -132,6 +135,14 @@
     margin-top: 40px;
     margin-bottom: 0;
 
+    &.pad-top {
+      padding-top: 20px;
+    }
+
+    button {
+      margin-right: 5px;
+    }
+
     .btn {
       background: #666;
       border-color: #444;
@@ -149,13 +160,13 @@
 
   .coreid-loading-spinner {
     overflow: hidden;
-    background-color: #ddd;
+    background-color: rgba(0,0,0,0);
     height: 7px;
     margin: 0;
     padding: 0;
     width: calc(100% + 30px);
     margin-left: -15px;
-    border-radius: 0 0 5px 5px;
+    margin-top: 70px;
 
     .inner {
       height: 7px;
@@ -163,7 +174,6 @@
       background-color: #bbb;
       position: absolute;
       left: 0;
-      border-radius: 0 0 5px 5px;
       animation-name: loading-bar;
       animation-duration: 1.5s;
       animation-fill-mode: both;