From 0a76bb03b541409b976f84bada848a22b9234650 Mon Sep 17 00:00:00 2001
From: agatha <agatha@juggalol.com>
Date: Sat, 9 May 2026 21:27:39 +0000
Subject: [PATCH] Fix: Prevent partial second tag row on image cards

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 ui/src/app/library/library.component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/app/library/library.component.ts b/ui/src/app/library/library.component.ts
index b1ecd74..6a26e92 100644
--- a/ui/src/app/library/library.component.ts
+++ b/ui/src/app/library/library.component.ts
@@ -118,7 +118,7 @@ const PLACEHOLDER_SVG = `data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/s
     .image-card:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.4); }
     .image-card img { width: 100%; height: 160px; object-fit: cover; display: block; }
     .card-skeleton { height: 200px; }
-    .tag-row { padding: 6px; display: flex; flex-wrap: wrap; gap: 4px; overflow: hidden; max-height: 2rem; }
+    .tag-row { padding: 6px; display: flex; flex-wrap: nowrap; gap: 4px; overflow: hidden; }
     .home-link { color: inherit; text-decoration: none; cursor: pointer; }
     .empty-state { text-align: center; padding: 60px 0; color: var(--text-muted); }
     .empty-icon { display: block; font-size: 2rem; margin-bottom: 12px; }