Merge pull request #1992 from AndreasK79/forgotten_password_tweak

[Forgotten password] Tweaked layout to be the same as login

application/views/user/forgot_password.php

@@ -1,8 +1,35 @@
-<div id="container" class="container mx-auto pt-5" style="max-width:400px">
+<style>
-	<div class="row">
+html,
-		<div class="col-12">
+body {
-            <div class="panel panel-default">
+    height: 100%;
-              <div class="panel-body">
+}
+
+body {
+    display: flex;
+    align-items: center;
+    padding-top: 40px;
+    padding-bottom: 40px;
+}
+
+.form-forgot {
+    width: 100%;
+    max-width: 430px;
+    padding: 15px;
+    margin: auto;
+}
+
+input[type="email"] {
+    margin-bottom: -1px;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+}
+</style>
+
+<main class="form-forgot">
+    <img src="<?php echo base_url()?>/CloudLog_logo.png" class="mx-auto d-block" alt=""
+        style="width:100px;height:100px;">
+    <div class="my-2 bg-body rounded-0 shadow-sm card mb-2 shadow-sm">
+        <div class="card-body">
             <div class="text-center">
                 <h3><i class="fa fa-lock fa-4x"></i></h3>
                 <h2 class="text-center">Forgot Password?</h2>
@@ -23,9 +50,8 @@
                             </div>
                         </div>
                         <div class="form-group">
-                        <input name="recover-submit" class="btn btn-lg btn-primary btn-block" value="Reset Password" type="submit">
+                            <input name="recover-submit" class="w-100 btn btn-primary btn-block" value="Reset Password" type="submit">
                         </div>
-                      
                         <input type="hidden" class="hide" name="token" id="token" value="">
                     </form>
 
@@ -33,6 +59,4 @@
             </div>
         </div>
     </div>
-          </div>
+</main>
-	</div>
-</div>