diff --git a/lostplaces/lostplaces_app/static/icons/debug.png b/lostplaces/lostplaces_app/static/icons/debug.png
new file mode 100644
index 0000000..6d62b8d
Binary files /dev/null and b/lostplaces/lostplaces_app/static/icons/debug.png differ
diff --git a/lostplaces/lostplaces_app/static/icons/error.png b/lostplaces/lostplaces_app/static/icons/error.png
new file mode 100644
index 0000000..e4dcae8
Binary files /dev/null and b/lostplaces/lostplaces_app/static/icons/error.png differ
diff --git a/lostplaces/lostplaces_app/static/icons/information.svg b/lostplaces/lostplaces_app/static/icons/information.svg
new file mode 100644
index 0000000..06683f1
--- /dev/null
+++ b/lostplaces/lostplaces_app/static/icons/information.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/lostplaces/lostplaces_app/static/icons/message.svg b/lostplaces/lostplaces_app/static/icons/message.svg
new file mode 100644
index 0000000..5cacb29
--- /dev/null
+++ b/lostplaces/lostplaces_app/static/icons/message.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/lostplaces/lostplaces_app/static/icons/success.svg b/lostplaces/lostplaces_app/static/icons/success.svg
new file mode 100644
index 0000000..f784427
--- /dev/null
+++ b/lostplaces/lostplaces_app/static/icons/success.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/lostplaces/lostplaces_app/static/main.css b/lostplaces/lostplaces_app/static/main.css
index 40aa8ea..777de42 100644
--- a/lostplaces/lostplaces_app/static/main.css
+++ b/lostplaces/lostplaces_app/static/main.css
@@ -205,6 +205,39 @@ body {
font-size: 1em;
display: inline; }
+.LP-Message {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ background-color: #f9f9f9;
+ font-family: Montserrat, Helvetica, sans-serif;
+ border-radius: 3px;
+ font-weight: bold; }
+ .LP-Message--error .LP-Message__Icon {
+ background-color: #02979e;
+ background-image: url("icons/error.png"); }
+ .LP-Message--warning .LP-Message__Icon {
+ background-color: #0047e7;
+ background-image: url("icons/error.png"); }
+ .LP-Message--info .LP-Message__Icon {
+ background-color: #522719;
+ background-image: url("icons/information.svg"); }
+ .LP-Message--success .LP-Message__Icon {
+ background-color: #6937ff;
+ background-image: url("icons/success.svg"); }
+ .LP-Message--debug .LP-Message__Icon {
+ background-color: #046a2f;
+ background-image: url("icons/debug.png"); }
+ .LP-Message .LP-Message__Icon {
+ background-size: 40px 40px;
+ background-repeat: no-repeat;
+ background-position: center;
+ height: 50px;
+ width: 50px;
+ filter: invert(1); }
+ .LP-Message .LP-Message__Text {
+ padding: 0 15px; }
+
.LP-Content {
padding: 35px; }
@@ -349,6 +382,18 @@ body {
.LP-Menu .LP-Menu__List {
justify-content: space-between; } }
+.LP-MessageList {
+ padding: 25px; }
+ .LP-MessageList .LP-MessageList__List {
+ padding: 0;
+ margin: 0;
+ list-style-type: none;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between; }
+ .LP-MessageList .LP-MessageList__Item {
+ margin: 5px 0; }
+
.LP-Header {
display: flex;
align-items: center;
diff --git a/lostplaces/lostplaces_app/templates/global.html b/lostplaces/lostplaces_app/templates/global.html
index a75729d..67db689 100644
--- a/lostplaces/lostplaces_app/templates/global.html
+++ b/lostplaces/lostplaces_app/templates/global.html
@@ -54,11 +54,21 @@
{% if messages %}
-
- {% for message in messages %}
- - {{ message }}
- {% endfor %}
-
+
+
+ {% for message in messages %}
+ -
+
+
+ {% endfor %}
+
+
{% endif %}
{% block maincontent %}
{% endblock maincontent %}
diff --git a/lostplaces/templates/403.html b/lostplaces/templates/403.html
index 00df838..7c3b767 100644
--- a/lostplaces/templates/403.html
+++ b/lostplaces/templates/403.html
@@ -1,12 +1,11 @@
{% extends 'global.html'%}
{% block title %}Forbidden{% endblock %}
+
{% block additional_head %}
{% if request.META.HTTP_REFERER %}
- Go Back
{% endif %}
-
{% endblock additional_head %}
{% block maincontent %}