diff --git a/static/styles.css b/static/styles.css index f7a5d3b..2f63e2b 100644 --- a/static/styles.css +++ b/static/styles.css @@ -124,12 +124,12 @@ nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after } form { - margin: 0 auto; + margin: 1em auto; width: fit-content; } form.login-form { border: 1px solid darkblue; - padding: 10px; + padding: 0.7em; } form .field { padding: 4px; @@ -262,6 +262,7 @@ form button { } .post-box .post-author { margin-top: 1em; + margin-bottom: 0.5em; font-size: 0.8em; border-bottom: 1px solid grey; padding-bottom: 0.8em; @@ -312,4 +313,14 @@ form button { margin: 1em; } +span.error-message { + margin: 0.5em; + border: 1px solid red; + padding: 0.3em; +} +span.error-message.center-message { + margin: 0 auto; + display: table; +} + /*# sourceMappingURL=styles.css.map */ diff --git a/static/styles.css.map b/static/styles.css.map index 9bcc18c..d32f6c1 100644 --- a/static/styles.css.map +++ b/static/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EAOE;;AALA;EAEE;;;AASJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;;AAMR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;;AAMR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EAEE;EACA;EACA;;;AAMR;EACE;;AACA;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EAOE;;AALA;EAEE;;;AASJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;;AAMR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;;AAMR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EAEE;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA","file":"styles.css"} \ No newline at end of file diff --git a/static/styles.scss b/static/styles.scss index 5190556..be2ad22 100644 --- a/static/styles.scss +++ b/static/styles.scss @@ -59,6 +59,7 @@ body, html { #img-logo { height: 100%; box-sizing: border-box; + img { max-width: 100%; max-height: 80px; @@ -145,12 +146,12 @@ nav, footer { } form { - margin: 0 auto; + margin: 1em auto; width: fit-content; &.login-form { border: 1px solid darkblue; - padding: 10px + padding: 0.7em; } .field { @@ -308,6 +309,7 @@ form { .post-author { margin-top: 1em; + margin-bottom: 0.5em; font-size: 0.8em; border-bottom: 1px solid grey; padding-bottom: 0.8em; @@ -350,6 +352,7 @@ form { .new-users, .statistics { margin-top: 0 !important; + > div { border: 1px solid grey; padding: 0.2em; @@ -366,3 +369,14 @@ form { min-height: 235px; margin: 1em; } + +span.error-message { + margin: 0.5em; + border: 1px solid red; + padding: 0.3em; + + &.center-message { + margin: 0 auto; + display: table; + } +} diff --git a/templates/pages/auth/login.html b/templates/pages/auth/login.html index 2f1e799..dadc103 100644 --- a/templates/pages/auth/login.html +++ b/templates/pages/auth/login.html @@ -1,35 +1,35 @@ {% extends 'layouts/index.html' %} {% block content %} - {% with messages = get_flashed_messages() %} - {% if messages %} -
+ {% with messages = get_flashed_messages() %} + {% if messages %} + {{ messages[0] }} -
- {% endif %} - {% endwith %} -
-
-
- Username - -
+ + {% endif %} + {% endwith %} + +
+
+ Username +
+
-
-
- Password - -
+
+
+ Password +
-
- -
- - -

- Don't have a login? Sign-up instead! -

+
+
+ +
+ + +

+ Don't have a login? Sign-up instead! +

{% endblock content %} diff --git a/templates/pages/auth/signup.html b/templates/pages/auth/signup.html index 030b4a5..f0cc12d 100644 --- a/templates/pages/auth/signup.html +++ b/templates/pages/auth/signup.html @@ -1,38 +1,39 @@ {% extends 'layouts/index.html' %} {% block content %} - {% with messages = get_flashed_messages() %} - {% if messages %} -
+ {% with messages = get_flashed_messages() %} + {% if messages %} + {{ messages[0] }}. Go to login page. -
- {% endif %} - {% endwith %} -