From 47793e6198a462486d05c9b79568870da480146c Mon Sep 17 00:00:00 2001
From: Peter Pfeufer <info@ppfeufer.de>
Date: Mon, 28 Jun 2021 21:20:59 +0200
Subject: [PATCH] [FIX] icons in alert messages

This way they don't interfere with possible HTML in the message itself.
---
 .../templates/allianceauth/messages.html      | 32 +++++++++++--------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/allianceauth/templates/allianceauth/messages.html b/allianceauth/templates/allianceauth/messages.html
index 16d6c8e4..e1c61455 100644
--- a/allianceauth/templates/allianceauth/messages.html
+++ b/allianceauth/templates/allianceauth/messages.html
@@ -1,20 +1,26 @@
 {% if messages %}
     <br>
-    {% for message in messages %}        
+    {% for message in messages %}
         <div class="alert alert-{{ message.level_tag }} alert-dismissible" role="alert">
             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
             </button>
-            {% if message.level_tag == "info" %}
-                <i class="fas fa-info-circle"></i>
-            {% elif message.level_tag == "success" %}
-                <i class="fas fa-check-circle"></i>
-            {% elif message.level_tag == "warning" %}
-                <i class="fas fa-exclamation-circle"></i>
-            {% elif message.level_tag == "danger" %}
-                <i class="fas fa-exclamation-triangle"></i>
-            {% endif %}
-            &nbsp;{{ message }}
-        </div>        
+
+            <div class="message-icon pull-left" style="margin-right: 0.5rem;">
+                {% if message.level_tag == "info" %}
+                    <i class="fas fa-info-circle"></i>
+                {% elif message.level_tag == "success" %}
+                    <i class="fas fa-check-circle"></i>
+                {% elif message.level_tag == "warning" %}
+                    <i class="fas fa-exclamation-circle"></i>
+                {% elif message.level_tag == "danger" %}
+                    <i class="fas fa-exclamation-triangle"></i>
+                {% endif %}
+            </div>
+
+            <div class="message-text" style="margin-left: 2.5rem;">
+                {{ message }}
+            </div>
+        </div>
     {% endfor %}
-{% endif %}
\ No newline at end of file
+{% endif %}