From 57126b32696f70ffd49a1fdedbb9c07d1c7c2167 Mon Sep 17 00:00:00 2001
From: Andreas <6977712+AndreasK79@users.noreply.github.com>
Date: Thu, 9 Feb 2023 11:02:58 +0100
Subject: [PATCH] [Forgotten password] Tweaked layout to be the same as login

---
 application/views/user/forgot_password.php | 78 ++++++++++++++--------
 1 file changed, 51 insertions(+), 27 deletions(-)

diff --git a/application/views/user/forgot_password.php b/application/views/user/forgot_password.php
index 0ecb8e64..9694d8f8 100644
--- a/application/views/user/forgot_password.php
+++ b/application/views/user/forgot_password.php
@@ -1,14 +1,41 @@
-<div id="container" class="container mx-auto pt-5" style="max-width:400px">
-	<div class="row">
-		<div class="col-12">
-            <div class="panel panel-default">
-              <div class="panel-body">
-                <div class="text-center">
-                  <h3><i class="fa fa-lock fa-4x"></i></h3>
-                  <h2 class="text-center">Forgot Password?</h2>
-                  <p>You can reset your password here.</p>
-                  <div class="panel-body">
-                    
+<style>
+html,
+body {
+    height: 100%;
+}
+
+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>
+                <p>You can reset your password here.</p>
+                <div class="panel-body">
+
                     <?php if(validation_errors() != ''): ?>
                     <div class="alert alert-danger" role="alert">
                         <?php echo validation_errors(); ?>
@@ -16,23 +43,20 @@
                     <?php endif; ?>
 
                     <form id="register-form" role="form" autocomplete="off" class="form" method="post" action="<?php echo site_url('user/forgot_password'); ?>">
-                      <div class="form-group">
-                        <div class="input-group">
-                          <span class="input-group-addon"><i class="glyphicon glyphicon-envelope color-blue"></i></span>
-                          <input id="email" name="email" placeholder="email address" class="form-control"  type="email">
+                        <div class="form-group">
+                            <div class="input-group">
+                                <span class="input-group-addon"><i class="glyphicon glyphicon-envelope color-blue"></i></span>
+                                <input id="email" name="email" placeholder="email address" class="form-control" type="email">
+                            </div>
                         </div>
-                      </div>
-                      <div class="form-group">
-                        <input name="recover-submit" class="btn btn-lg btn-primary btn-block" value="Reset Password" type="submit">
-                      </div>
-                      
-                      <input type="hidden" class="hide" name="token" id="token" value=""> 
+                        <div class="form-group">
+                            <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>
-    
-                  </div>
+
                 </div>
-              </div>
             </div>
-          </div>
-	</div>
-</div>
\ No newline at end of file
+        </div>
+    </div>
+</main>
\ No newline at end of file