From 0364e40a58516102c2d9786a603399117610223d Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Sat, 21 Jan 2023 20:59:56 -0900
Subject: [PATCH] update styles on item cards

---
 frontend/components/Item/Card.vue | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/frontend/components/Item/Card.vue b/frontend/components/Item/Card.vue
index 00cea5c..c0b5b88 100644
--- a/frontend/components/Item/Card.vue
+++ b/frontend/components/Item/Card.vue
@@ -1,17 +1,13 @@
 <template>
   <NuxtLink class="group card rounded-md" :to="`/item/${item.id}`">
     <div class="rounded-t flex flex-col justify-center bg-neutral text-neutral-content p-5">
-      <h2 class="text-base mb-2 last:mb-0 font-bold two-line">{{ item.name }}</h2>
-      <NuxtLink
-        v-if="item.location"
-        class="inline-flex text-sm items-center hover:link"
-        :to="`/location/${item.location.id}`"
-      >
-        <Icon name="heroicons-map-pin" class="mr-1 h-4 w-4"></Icon>
-        <span>
+      <h2 class="text-lg mb-1 last:mb-0 font-bold two-line">{{ item.name }}</h2>
+      <div>
+        <NuxtLink v-if="item.location" class="text-sm hover:link" :to="`/location/${item.location.id}`">
           {{ item.location.name }}
-        </span>
-      </NuxtLink>
+        </NuxtLink>
+        <span class="flex-1"></span>
+      </div>
     </div>
     <div class="rounded-b p-4 pt-2 flex-grow col-span-4 flex flex-col gap-y-2 bg-base-100">
       <div class="flex justify-between gap-2">