From e9f8a235d4c85164889e099c33c5dc4873c29b4e Mon Sep 17 00:00:00 2001
From: EdWorth120 <158087205+EdWorth120@users.noreply.github.com>
Date: Sun, 2 Feb 2025 14:03:57 -0300
Subject: [PATCH] Fix the problem of the fixed height in the background of the
 location badge in the item cards (#479)

* Fix the problem of the fixed height in the background of the location badge above the photo in the item cards.

* Corrected linter complaint.

---------

Co-authored-by: Matt Kilgore <tankerkiller125@users.noreply.github.com>
Co-authored-by: Katos <7927609+katosdev@users.noreply.github.com>
---
 frontend/components/Item/Card.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/components/Item/Card.vue b/frontend/components/Item/Card.vue
index c56c7c8a..21b0c4e7 100644
--- a/frontend/components/Item/Card.vue
+++ b/frontend/components/Item/Card.vue
@@ -8,10 +8,10 @@
         :src="imageUrl"
         alt=""
       />
-      <div class="absolute bottom-1 left-1 text-wrap">
+      <div class="absolute inset-x-1 bottom-1 text-wrap">
         <NuxtLink
           v-if="item.location"
-          class="badge rounded-md text-sm shadow-md hover:link"
+          class="badge h-auto rounded-md text-sm shadow-md hover:link"
           :to="`/location/${item.location.id}`"
         >
           {{ locationString }}