From 1cf59e72137e1d6fd1fcd4d65a2f7f8ef34826f7 Mon Sep 17 00:00:00 2001
From: Daniel Schadt <kingdread@gmx.de>
Date: Wed, 6 Jul 2022 01:08:34 +0200
Subject: update styles for password reset forms

---
 fietsboek/templates/password_reset.jinja2   | 24 ++++++++++++++----------
 fietsboek/templates/profile.jinja2          |  4 ++--
 fietsboek/templates/request_password.jinja2 | 12 ++++++------
 3 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/fietsboek/templates/password_reset.jinja2 b/fietsboek/templates/password_reset.jinja2
index 8ecec84..7b89762 100644
--- a/fietsboek/templates/password_reset.jinja2
+++ b/fietsboek/templates/password_reset.jinja2
@@ -4,20 +4,24 @@
   <h1>{{ _("page.password_reset.title") }}</h1>
   <form method="POST" class="needs-validation" novalidate>
     <div class="row mb-3">
-      <label for="inputPassword" class="col-sm-3 col-form-label">{{ _("page.password_reset.password") }}</label>
-      <div class="col-sm-9">
-        <input type="password" class="form-control" id="inputPassword" name="password" onchange="checkPasswordValidity('#inputPassword', '#repeatPassword')">
-        <div class="invalid-feedback">
-            {{ _("page.password_reset.password_invalid") }}
+      <div class="col-lg-5">
+        <div class="form-floating">
+          <input type="password" class="form-control" id="inputPassword" name="password" onchange="checkPasswordValidity('#inputPassword', '#repeatPassword')" placeholder="x">
+          <label for="inputPassword" class="col-form-label">{{ _("page.password_reset.password") }}</label>
+          <div class="invalid-feedback">
+              {{ _("page.password_reset.password_invalid") }}
+          </div>
         </div>
       </div>
     </div>
     <div class="row mb-3">
-      <label for="repeatPassword" class="col-sm-3 col-form-label">{{ _("page.password_reset.repeat_password") }}</label>
-      <div class="col-sm-9">
-        <input type="password" class="form-control" id="repeatPassword" name="repeat-password" onchange="checkPasswordValidity('#inputPassword', '#repeatPassword')">
-        <div class="invalid-feedback">
-            {{ _("page.password_reset.password_mismatch") }}
+      <div class="col-lg-5">
+        <div class="form-floating">
+          <input type="password" class="form-control" id="repeatPassword" name="repeat-password" onchange="checkPasswordValidity('#inputPassword', '#repeatPassword')" placeholder="x">
+          <label for="repeatPassword" class="col-form-label">{{ _("page.password_reset.repeat_password") }}</label>
+          <div class="invalid-feedback">
+              {{ _("page.password_reset.password_mismatch") }}
+          </div>
         </div>
       </div>
     </div>
diff --git a/fietsboek/templates/profile.jinja2 b/fietsboek/templates/profile.jinja2
index 75d087c..d8722ef 100644
--- a/fietsboek/templates/profile.jinja2
+++ b/fietsboek/templates/profile.jinja2
@@ -58,9 +58,9 @@
     {% endfor %}
   </ul>
 
-  <div class="m-3">
+  <div class="my-3">
     <form action="{{ request.route_url('add-friend') }}" method="POST">
-      <div class="row justify-content-center align-items-center">
+      <div class="row align-items-center">
         <div class="col-lg-5">
           <div class="form-floating">
             <input type="email" id="friendRequestEmail" name="friend-email" class="form-control" placeholder="x">
diff --git a/fietsboek/templates/request_password.jinja2 b/fietsboek/templates/request_password.jinja2
index 4acf1eb..47710e3 100644
--- a/fietsboek/templates/request_password.jinja2
+++ b/fietsboek/templates/request_password.jinja2
@@ -4,12 +4,12 @@
   <h1>{{ _("page.request_password.title") }}</h1>
   <p>{{ _("page.request_password.info") }}</p>
   <form method="POST">
-    <div class="row">
-      <div class="col-lg-4 d-flex align-items-center">
-        <label for="resetEmail">{{ _("page.request_password.email") }}</label>
-      </div>
-      <div class="col-lg-4">
-        <input type="email" id="resetEmail" name="email" class="form-control">
+    <div class="row align-items-center">
+      <div class="col-lg-5">
+        <div class="form-floating">
+          <input type="email" id="resetEmail" name="email" class="form-control" placeholder="x">
+          <label for="resetEmail">{{ _("page.request_password.email") }}</label>
+        </div>
       </div>
       <div class="col-lg-4">
         <button class="btn btn-primary">{{ _("page.request_password.request") }}</button>
-- 
cgit v1.2.3