From 73eb743f54583993185e5390d5b677b69eef6e05 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Sat, 24 Jun 2017 10:49:53 -0400
Subject: [PATCH] 2fa cleanup

---
 .../views/accountsLoginTwoFactor.html         | 20 +++++++++--------
 src/less/vault.less                           | 22 +++++++++++++++++++
 2 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/src/app/accounts/views/accountsLoginTwoFactor.html b/src/app/accounts/views/accountsLoginTwoFactor.html
index eceac49f23..0911f90add 100644
--- a/src/app/accounts/views/accountsLoginTwoFactor.html
+++ b/src/app/accounts/views/accountsLoginTwoFactor.html
@@ -3,9 +3,17 @@
     <p class="login-box-msg" ng-if="twoFactorProvider === twoFactorProviderConstants.authenticator">
         Enter the 6 digit verification code from your authenticator app.
     </p>
-    <p class="login-box-msg" ng-if="twoFactorProvider === twoFactorProviderConstants.email">
-        Enter the 6 digit verification code that was just now emailed to you.
-    </p>
+    <div ng-if="twoFactorProvider === twoFactorProviderConstants.email" class="text-center">
+        <p class="login-box-msg">
+            Enter the 6 digit verification code that was just now emailed to you.
+        </p>
+        <p>
+            Didn't get the email?
+            <a href="#" stop-click ng-click="sendEmail(true)" ng-if="twoFactorProvider === twoFactorProviderConstants.email">
+                Send it again
+            </a>
+        </p>
+    </div>
     <form name="twoFactorForm" ng-submit="twoFactorForm.$valid && twoFactor(token)" api-form="twoFactorPromise">
         <div class="callout callout-danger validation-errors" ng-show="twoFactorForm.$errors">
             <h4>Errors have occurred</h4>
@@ -19,12 +27,6 @@
                    ng-model="token" required api-field />
             <span class="fa fa-lock form-control-feedback"></span>
         </div>
-        <p>
-            Didn't get the email?
-            <a href="#" stop-click ng-click="sendEmail(true)" ng-if="twoFactorProvider === twoFactorProviderConstants.email">
-                Send it again
-            </a>
-        </p>
         <div class="row">
             <div class="col-xs-7">
                 <div class="checkbox">
diff --git a/src/less/vault.less b/src/less/vault.less
index 48c4ce6726..b362c7d87d 100644
--- a/src/less/vault.less
+++ b/src/less/vault.less
@@ -20,6 +20,28 @@ h1, h2, h3, h4, h5, h6,
     font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
+.login-box, .register-box {
+    width: 400px;
+    margin: 4% auto;
+
+    @media screen and (max-width: @screen-xs-max) {
+        width: ~"calc(100% - 20px)";
+        margin: 20px auto;
+    }
+
+    .login-box-msg, .register-box-msg {
+        padding: 0 0 20px 0;
+    }
+
+    .checkbox {
+        margin: 0;
+    }
+}
+
+.login-logo, .register-logo {
+    margin-bottom: 20px;
+}
+
 .box-body > .table-responsive {
     > .table {
         margin-bottom: 0;