VPN configuration modification confirm message

coin/static/css/illyse.css

@@ -288,4 +288,18 @@ tr.inactive {
 }
 .formcontrol {
 	text-align: right;
+	margin-right: 1em;
+}
+
+.message.success {
+	padding: 0.5em;
+	color: #FFFFFF;
+	text-align: center;
+	background-color: #20BA44;
+	/*background-color: #00A986;*/
+	border: 1px solid #E0E0E0;
+	margin: -1.5em 1em 1em 1em;
+}
+.message.success:before {
+    content: "✔ ";
 }

coin/vpn/templates/vpn/vpn.html

@@ -6,13 +6,11 @@
     <form class="flatform" action="{{ object.get_absolute_url }}" method="post">{% csrf_token %}
     <p class="legend">Quand vous aurez terminé vos modifications, cliquez sur <input class="button" type="submit" value="Valider" /></p>
 
-    {% if messages %}
-    <ul class="messages">
-        {% for message in messages %}
-        <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
-        {% endfor %}
-    </ul>
-    {% endif %}
+    {% for message in messages %}
+    <div class="message{% if message.tags %} {{ message.tags }}{% endif %}">
+        {{ message }}
+    </div>
+    {% endfor %}
     
     {% if form.non_field_errors or form.ipv4_endpoint.errors or form.ipv6_endpoint.errors %}
     <div class="alert-box alert nogap">