aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--fietsboek/templates/password_reset.jinja224
-rw-r--r--fietsboek/templates/profile.jinja24
-rw-r--r--fietsboek/templates/request_password.jinja212
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>