Move alert display to top of screen and enlarge text (#124)

* Fix typo * Bind alerts to top, enlarge alert font
SUSE · Mar 10, 2023 · 102e21d · 102e21d
1 parent bbb46a1
commit 102e21d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/frontend/src/components/alerts/AlertDisplay.vue b/frontend/src/components/alerts/AlertDisplay.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="container-fluid fixed-bottom m-3 d-flex flex-column align-items-end"
-       id="alert-contaier">
+  <div class="container-fluid fixed-top m-3 d-flex flex-column align-items-end fs-4"
+       id="alert-container">
       <div v-for="alert of alerts" :key="alert.id"
            class="alert shadow alert-dismissible fade show w-50 me-3"
            :class="`alert-${alert.level}`" role="alert">
@@ -58,7 +58,7 @@ export default {
 </script>
 
 <style scoped>
-#alert-contaier {
+#alert-container {
   z-index: 10;
 }
 </style>