From 866aaf00ffbad979764e13bfae09dc6daf084945 Mon Sep 17 00:00:00 2001
From: martin <74269598+martabal@users.noreply.github.com>
Date: Thu, 7 Dec 2023 23:04:59 +0100
Subject: [PATCH] fix(web): name truncation on detail panel (#5542)

---
 web/src/lib/components/asset-viewer/detail-panel.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/asset-viewer/detail-panel.svelte b/web/src/lib/components/asset-viewer/detail-panel.svelte
index 8c789ec330..8b55dbd965 100644
--- a/web/src/lib/components/asset-viewer/detail-panel.svelte
+++ b/web/src/lib/components/asset-viewer/detail-panel.svelte
@@ -229,6 +229,7 @@
       <div class="mt-2 flex flex-wrap gap-2">
         {#each people as person, index (person.id)}
           <div
+            class="w-[90px]"
             role="button"
             tabindex={index}
             on:focus={() => ($boundingBoxesArray = people[index].faces)}
@@ -237,7 +238,7 @@
           >
             <a
               href="/people/{person.id}?previousRoute={albumId ? `${AppRoute.ALBUMS}/${albumId}` : AppRoute.PHOTOS}"
-              class="w-[90px] {!showingHiddenPeople && person.isHidden ? 'hidden' : ''}"
+              class=" {!showingHiddenPeople && person.isHidden ? 'hidden' : ''}"
               on:click={() => dispatch('close-viewer')}
             >
               <div class="relative">