From 8a6df8a69b4570600205db869d581d94e2d1ef1b Mon Sep 17 00:00:00 2001
From: Matt Kilgore <matthew@kilgore.dev>
Date: Wed, 16 Oct 2024 21:52:46 -0400
Subject: [PATCH] fix: label generator gets way bent out of shape with long
 names

---
 frontend/pages/reports/label-generator.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/reports/label-generator.vue b/frontend/pages/reports/label-generator.vue
index f9a3659a..2e8470c8 100644
--- a/frontend/pages/reports/label-generator.vue
+++ b/frontend/pages/reports/label-generator.vue
@@ -419,6 +419,7 @@
             <img
               :src="item.url"
               :style="{
+                minWidth: `${out.card.height * 0.9}in`,
                 width: `${out.card.height * 0.9}in`,
                 height: `${out.card.height * 0.9}in`,
               }"
@@ -427,8 +428,8 @@
           <div class="ml-2 flex flex-col justify-center">
             <div class="font-bold">{{ item.assetID }}</div>
             <div class="text-xs font-light italic">Homebox</div>
-            <div>{{ item.name }}</div>
-            <div>{{ item.location }}</div>
+            <div class="overflow-hidden text-wrap text-xs">{{ item.name }}</div>
+            <div class="text-xs">{{ item.location }}</div>
           </div>
         </div>
       </div>