Author: Pedro Lucas Porcellis <pedrolucasporcellis@gmail.com>
Display flash messages and improve form alignment
src/static/stylesheet.css | 9 +++++++++ src/templates/login.html | 7 +++++++
diff --git a/src/static/stylesheet.css b/src/static/stylesheet.css index 8205f01e9ba06f4564874fb93d29cc24852ea0bc..52ece3ff500fbf72e058960190a698f13715adcf 100644 --- a/src/static/stylesheet.css +++ b/src/static/stylesheet.css @@ -58,3 +58,12 @@ li ul { margin-top: 5px; } + +.form-section label { + display: block; + margin-top: 5px; +} + +.form-action { + margin-top: 5px; +} diff --git a/src/templates/login.html b/src/templates/login.html index 16074a330fd9f3ea48e1f817d1de0707b3b3215a..21a42b75165720b2151b2a3addbc0db8d8ded3a8 100644 --- a/src/templates/login.html +++ b/src/templates/login.html @@ -1,6 +1,13 @@ {% extends 'layout.html' %} {% block body %} + {% with messages = get_flashed_messages() %} + {% if messages %} + <section> + {{ messages[0] }} + </section> + {% endif %} + {% endwith %} <section> <h2> Entrar na sua conta </h2> <p> Use suas credenciais para entrar na sua conta </p>