From bfd8173b06a3d01991f05d1293eca5140833e3c4 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Fri, 2 Oct 2020 17:53:50 -0600
Subject: [PATCH] Add better styling for the alert bar and add more types of
 alert.

---
 src/App.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 73acc17..4aa6c94 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -118,6 +118,7 @@ html, body, #app {
 	justify-content: center
 	position: absolute
 	display: flex
+	padding: 3px
 	width: 100vw
 	z-index: 1
 	left: 0
@@ -128,6 +129,14 @@ html, body, #app {
 	background-color: $error-background-colour
 	color: $error-text-colour
 }
+.alert-bar.warning {
+	background-color: $warning-background-colour
+	color: $warning-text-colour
+}
+.alert-bar.info {
+	background-color: $info-background-colour
+	color: $info-text-colour
+}
 
 .input {
 	background-color: $input-background