update Forgot Password UI

views/forgotPwd.pug

@@ -5,6 +5,7 @@ html(lang="en")
     meta(charset="UTF-8")
     meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no")
     link(rel="stylesheet", type="text/css", href="https://transfer.hft-stuttgart.de/css/bootstrap/bootstrap.css")
+    link(rel="stylesheet", type="text/css", href="https://transfer.hft-stuttgart.de/css/custom/login.css")
     link(rel="stylesheet", href="https://use.fontawesome.com/releases/v5.8.2/css/all.css", integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay", crossorigin="anonymous")
     style.
         .collapse {
@@ -30,8 +31,7 @@ html(lang="en")
   body
     div(class="container-fluid")
         div(class="row")
-            div(class="col-sm-9")
-                h2 Forgot Password
+            div(class="col-md-6 offset-md-3")
                 if successes
                     for success in successes
                         div.alert.alert-success.alert-dismissible #{ success }
@@ -40,11 +40,12 @@ html(lang="en")
                     for error, i in errors
                         div.alert.alert-danger.alert-dismissible.fade.show #{ error }
                             a(class="close", href="#", data-dismiss="alert", aria-label="close") ×
-                form#forgotForm(method="POST",action="/forgotPwd")
-                    div(class="form-group row")
-                        label(for="email") Email
+                form#forgotForm(class="form-signin", method="POST", action="/forgotPwd")
+                    img(src="https://transfer.hft-stuttgart.de/images/demo/m4lab_logo.jpg", class="img-responsive center-block", width="185", height="192")
+                    div(class="form-row")
                         input#inputEmail(name="inputEmail", type="email", class="form-control", placeholder="Email" required)                  
-                    input(type="submit", class="btn btn-primary", value="Reset Password")
+                    br
+                    input(type="submit", class="btn btn-outline-dark btn-block", value="Reset Password")
 
     // jQuery
     script(src="https://code.jquery.com/jquery-3.3.1.min.js")
@@ -52,5 +53,4 @@ html(lang="en")
     // Bootstrap
     script(src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous")
     // M4_LAB
-    script(src="/js/account.js")
     script(src="https://transfer.hft-stuttgart.de/js/headfoot.js")
\ No newline at end of file