Better login action bar styling

src/oidc_templates/login.ejs

@@ -35,6 +35,15 @@
         margin-top: 20px;
       }
 
+      .action-bar {
+        display: flex;
+        justify-content: space-between;
+      }
+
+      .action-bar > * {
+        align-self: center;
+      }
+
       @media(min-width:620px) {
         .card {
           margin-bottom: 15px;
@@ -80,8 +89,10 @@
               <input type="text" class="form-control" name="totpToken" id="inputTotpToken" value="">
               <p class="has-error" id="totpError"></p>
             </div>
-            <a href="/passwordreset.html">{{ login.resetPasswordAction }}</a>
-            <button class="btn btn-primary btn-outline pull-right" type="submit">{{ login.signInAction }}</button>
+            <div class="action-bar">
+              <a href="/passwordreset.html">{{ login.resetPasswordAction }}</a>
+              <button class="btn btn-primary btn-outline" type="submit">{{ login.signInAction }}</button>
+            </div>
           </form>
         </div>
       </div>