diff options
| -rw-r--r-- | fietsboek/templates/password_reset.jinja2 | 24 | ||||
| -rw-r--r-- | fietsboek/templates/profile.jinja2 | 4 | ||||
| -rw-r--r-- | 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> |