From 5212a9b98576c2249c4d23e23d34e2d7b8e94cc7 Mon Sep 17 00:00:00 2001
From: Craig Oates <craig@craigoates.net>
Date: Tue, 4 Oct 2022 10:29:21 +0100
Subject: [PATCH] add CSS and JavaScript code to alert message section in
 header.html.

---
 templates/layouts/header.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/templates/layouts/header.html b/templates/layouts/header.html
index 2bb962d..dc41579 100644
--- a/templates/layouts/header.html
+++ b/templates/layouts/header.html
@@ -96,8 +96,17 @@
 
 <div id="fe-main">
     {% if alert %}
-    <div class="be-alert-container">
+    <div class="be-alert-container"
+	 id="be-alert-container">
 	{{alert | safe}}
+	<button class="be-gui-button-no-text"
+		       title="Click to close alert message"
+		       type="button"
+		       id="be-close-alert"
+		       onclick="closeAlert()">
+	    <img alt="Close alert"
+		 src="/images/icons/cross-circle.png">
+	</button>
     </div>
     {% endif %}