From fad642822ae011cbf02bf624d4394981cc0c1bdb Mon Sep 17 00:00:00 2001
From: Craig Oates <craig@craigoates.net>
Date: Tue, 4 Oct 2022 10:28:07 +0100
Subject: [PATCH] update main.css (alert message styling).

---
 static/css/main.css | 53 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/static/css/main.css b/static/css/main.css
index a584857..67c1044 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -45,6 +45,59 @@ input[type=text] {
   text-align: center;
 }
 
+.be-alert-container {
+    display: flex;
+    align-items: center;
+    position: fixed;
+    top: 60px;
+    left: 8px;
+    right: 8px;
+}
+
+.be-alert-container button {
+    position: fixed;
+    right: 15px;
+}
+
+.be-alert-container p {
+    padding: 0px;
+    margin: 0px;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+}
+
+.be-alert-container .success {
+    background: #adefad;
+}
+
+.be-alert-container .error {
+    background: #ff607c;
+}
+
+.be-alert-container .missing-data{
+    background: #ffaf8e;
+}
+
+.be-alert-container .invalid-data {
+    background: #efe1ad;
+}
+
+.be-alert-container .created {
+    background: #b0f3ff;
+}
+
+.be-alert-container .warning {
+    background: #ffe0c0;
+}
+
+.be-alert-container p img {
+    max-height: 75px;
+    padding: 12px 8px;
+}
+
 .be-section-thumbnail-row {
     display: flex;
     flex-direction: row;