From b0a87eac8d8748c5cbb462eb28f91d4d6f60eebf Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Wed, 12 Jul 2023 13:22:26 -0400
Subject: [PATCH] Alert icon change

---
 web/src/components/PrinterCard.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/web/src/components/PrinterCard.vue b/web/src/components/PrinterCard.vue
index e8b21c2..da62cdc 100644
--- a/web/src/components/PrinterCard.vue
+++ b/web/src/components/PrinterCard.vue
@@ -1,8 +1,6 @@
 <template>
   <v-card
-    variant="outlined"
     class="printer-card"
-    :class="{ 'printer-alert': printerAlert }"
     :to="
       nav
         ? { name: 'Printer', params: { serialNumber: printer.serialNumber } }
@@ -13,10 +11,10 @@
       <v-col cols="4" sm="2" align-self="center">
         <v-icon
           v-if="printerAlert"
-          class="ma-1 alert"
+          class="ma-1 alert-icon"
           color="warning"
-          icon="mdi-alert"
-          size="large"
+          icon="mdi-alert-circle"
+          size="x-large"
         />
         <printer-img class="pa-2" :model="printer.model" />
       </v-col>
@@ -120,9 +118,10 @@ const printerAlert = computed(() => {
 
 .printer-alert {
   border-color: #fb8c00;
+  border-width: 1px;
 }
 
-.alert {
+.alert-icon {
   position: absolute;
   top: 0;
   z-index: 99;