From ddfce7dcffe7fcede57a3a7874bdab7d1201913c Mon Sep 17 00:00:00 2001
From: Joe Knapper <jaknapper@hotmail.com>
Date: Wed, 10 Jan 2024 18:29:43 +0000
Subject: [PATCH] Success and warning alerts in webapp

---
 webapp/src/assets/less/theme.less                         | 5 +++++
 webapp/src/components/genericComponents/taskSubmitter.vue | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/webapp/src/assets/less/theme.less b/webapp/src/assets/less/theme.less
index 81c1f136..a103cab7 100644
--- a/webapp/src/assets/less/theme.less
+++ b/webapp/src/assets/less/theme.less
@@ -281,6 +281,11 @@ h4, .uk-h4 {
     border: 1px solid @global-border
 }
 
+.uk-alert-success{
+    color: rgba(28, 131, 45);
+    background-color: rgba(130, 221, 145, 0.671);
+}
+
 .uk-alert-danger {
     border: 1px solid @notification-message-danger-color
 }
diff --git a/webapp/src/components/genericComponents/taskSubmitter.vue b/webapp/src/components/genericComponents/taskSubmitter.vue
index 8c011091..1c235982 100644
--- a/webapp/src/components/genericComponents/taskSubmitter.vue
+++ b/webapp/src/components/genericComponents/taskSubmitter.vue
@@ -66,10 +66,10 @@
             The task failed due to an error. There may be more information in
             the log.
           </div>
-          <div v-if="taskStatus == 'cancelled'" class="uk-alert-primary">
+          <div v-if="taskStatus == 'cancelled'" class="uk-alert-warning">
             The task was cancelled.
           </div>
-          <div v-if="taskStatus == 'completed'" class="uk-alert-primary">
+          <div v-if="taskStatus == 'completed'" class="uk-alert-success">
             The task completed successfully.
           </div>
         </div>
@@ -364,7 +364,7 @@ export default {
 #log-container {
   position: relative;
   height: 6em;
-  overflow-y: scroll;
+  overflow-y: auto;
   overflow-x: auto;
 }