From 7821c61755b6afa172ea4054c512c58beb079f89 Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Thu, 29 Feb 2024 18:54:27 -0600
Subject: [PATCH] fix minor UI elements

---
 frontend/components/Label/Chip.vue             | 4 ++--
 frontend/components/Location/Card.vue          | 4 ++--
 frontend/pages/item/[id]/index/maintenance.vue | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/components/Label/Chip.vue b/frontend/components/Label/Chip.vue
index 977af6b..946ab23 100644
--- a/frontend/components/Label/Chip.vue
+++ b/frontend/components/Label/Chip.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
   import { LabelOut, LabelSummary } from "~~/lib/api/types/data-contracts";
   import MdiArrowRight from "~icons/mdi/arrow-right";
-  import MdiTag from "~icons/mdi/tag";
+  import MdiTagOutline from "~icons/mdi/tag-outline";
 
   export type sizes = "sm" | "md" | "lg" | "xl";
   defineProps({
@@ -35,7 +35,7 @@
   >
     <label class="swap swap-rotate" :class="isActive ? 'swap-active' : ''">
       <MdiArrowRight class="mr-2 swap-on" />
-      <MdiTag class="mr-2 swap-off" />
+      <MdiTagOutline class="mr-2 swap-off" />
     </label>
     {{ label.name }}
   </NuxtLink>
diff --git a/frontend/components/Location/Card.vue b/frontend/components/Location/Card.vue
index de1970a..f79f74d 100644
--- a/frontend/components/Location/Card.vue
+++ b/frontend/components/Location/Card.vue
@@ -14,7 +14,7 @@
       <h2 class="flex items-center justify-between gap-2">
         <label class="swap swap-rotate" :class="isActive ? 'swap-active' : ''">
           <MdiArrowRight class="swap-on h-6 w-6" />
-          <MdiMapMarker class="swap-off h-6 w-6" />
+          <MdiMapMarkerOutline class="swap-off h-6 w-6" />
         </label>
         <span class="mx-auto">
           {{ location.name }}
@@ -30,7 +30,7 @@
 <script lang="ts" setup>
   import { LocationOut, LocationOutCount, LocationSummary } from "~~/lib/api/types/data-contracts";
   import MdiArrowRight from "~icons/mdi/arrow-right";
-  import MdiMapMarker from "~icons/mdi/map-marker";
+  import MdiMapMarkerOutline from "~icons/mdi/map-marker-outline";
 
   const props = defineProps({
     location: {
diff --git a/frontend/pages/item/[id]/index/maintenance.vue b/frontend/pages/item/[id]/index/maintenance.vue
index 16d0513..7e9d506 100644
--- a/frontend/pages/item/[id]/index/maintenance.vue
+++ b/frontend/pages/item/[id]/index/maintenance.vue
@@ -274,7 +274,7 @@
             class="relative block w-full rounded-lg border-2 border-dashed border-base-content p-12 text-center"
             @click="newEntry()"
           >
-            <MdiWrenchClock class="h-16 w-16" />
+            <MdiWrenchClock class="h-16 w-16 inline" />
             <span class="mt-2 block text-sm font-medium text-gray-900"> Create Your First Entry </span>
           </button>
         </div>