From 19c35b59c650d09fe3c5ce177daf633907fe0847 Mon Sep 17 00:00:00 2001
From: Tealk <tealk@anzah.email>
Date: Thu, 18 Mar 2021 22:06:21 +0100
Subject: [PATCH] redesign login form

---
 admin/login-form.php | 36 +++++++++++++++++++++++-------------
 css/main.css         |  1 -
 2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/admin/login-form.php b/admin/login-form.php
index 0521f93..c412114 100644
--- a/admin/login-form.php
+++ b/admin/login-form.php
@@ -11,20 +11,30 @@ Template::render_header(_("Login"));
     <p class="alert alert-info"><?php echo _("Please login to continue."); ?></p>
   <?php } ?>
   <form action="<?php echo WEB_URL; ?>/admin/" method="post">
-    <div class="form-group">
-      <label for="email"><?php echo _("Email"); ?></label>
-      <input placeholder="<?php echo _("Email"); ?>" class="form-control" name="email" id="email" type="email" tabindex="1" value="<?php echo htmlspecialchars((isset($_POST['email']) ? $_POST['email'] : ''), ENT_QUOTES); ?>" required>
-    </div>
-    <div class="form-group" style="margin-bottom: 8px">
-      <label for="pass"><?php echo _("Password"); ?></label>
-      <input placeholder="<?php echo _("Password"); ?>" class="form-control" name="pass" id="pass" type="password" tabindex="2" required>
-      <div style="padding-top: 8px; position: relative;">
-        <a href="<?php echo WEB_URL; ?>/admin/?do=lost-password" class="pull-right noselect" tabindex="5"><?php echo _("Forgotten password?"); ?></a>
-        <input name="remember" id="remember" type="checkbox" tabindex="3"> <label class="lbl-login noselect" style="color: black;" for="remember"><?php echo _("Remember me"); ?></label>
+    <div class="card">
+      <div class="card-header">
+        <h1><?php echo _("Login"); ?></h1>
+      </div>
+      <div class="card-body">
+        <div class="input-group mb-3">
+          <span class="input-group-text"><i class="fas fa-at"></i></span>
+          <input type="email" id="email" name="email" class="form-control" placeholder="<?php echo _("Email"); ?>" value="<?php echo htmlspecialchars((isset($_POST['email']) ? $_POST['email'] : ''), ENT_QUOTES); ?>" required>
+        </div>
+        <div class="input-group mb-3">
+          <span class="input-group-text"><i class="fas fa-key"></i></span>
+          <input type="password" id="pass" name="pass" class="form-control" placeholder="<?php echo _("Password"); ?>" required>
+        </div>
+        <a href="<?php echo WEB_URL; ?>/admin/?do=lost-password" class="float-end" tabindex="5"><?php echo _("Forgotten password?"); ?></a>
+        <div class="input-group mb-3">
+          <div class="input-group-text nrbr">
+            <input type="checkbox" name="remember" id="remember">
+          </div>
+          <label class="input-group-append input-group-text nlbr nobg" for="remember"><?php echo _("Remember me"); ?></label>
+        </div>
+        <div class="form-group">
+          <input type="submit" value="<?php echo _("Login"); ?>" class="btn btn-success float-end">
+        </div>
       </div>
-    </div>
-    <div class="form-group clearfix">
-      <button type="submit" class="btn btn-success pull-right" tabindex="4"><?php echo _("Login"); ?></button>
     </div>
   </form>
 </div>
diff --git a/css/main.css b/css/main.css
index a825a60..457ec0c 100644
--- a/css/main.css
+++ b/css/main.css
@@ -156,7 +156,6 @@ a:focus {
 }
 
 #login-form {
-  max-width: 500px;
   padding-top: 20px;
 }