From 6019ecbd4d9a4cf2d42e5c5063d8d6018fd0e4bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Tue, 20 Oct 2026 15:17:38 +0200
Subject: [PATCH] fix(ui): show mood tags and document titles in full

Mood tags are the person's own words and were cut to one line in the list;
they wrap now. A document title wraps to two lines with hyphenation and
carries its full text in title past that; the filename line keeps its
truncation, which already shows the full name on hover.
---
 src/components/documents/document-card.tsx | 7 ++++++-
 src/components/mood/mood-list.tsx          | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/documents/document-card.tsx b/src/components/documents/document-card.tsx
index 62af84843..1fa4b2f2b 100644
--- a/src/components/documents/document-card.tsx
+++ b/src/components/documents/document-card.tsx
@@ -180,7 +180,12 @@ export function DocumentCard({
 
   const titleBlock = (
     <div className="flex min-w-0 flex-1 flex-col">
-      <p className="truncate text-sm font-medium">{title}</p>
+      <p
+        className="line-clamp-2 text-sm font-medium break-words hyphens-auto"
+        title={title}
+      >
+        {title}
+      </p>
       <p className="text-muted-foreground truncate text-xs">
         {/* v1.42 — a dated document's date opens its day, above the
             whole-card button. It follows the grid's roving tab stop, so the
diff --git a/src/components/mood/mood-list.tsx b/src/components/mood/mood-list.tsx
index f5fc5a9a0..67102c5f7 100644
--- a/src/components/mood/mood-list.tsx
+++ b/src/components/mood/mood-list.tsx
@@ -846,7 +846,7 @@ export function MoodList({ onAddFirst, onEmptyChange }: MoodListProps = {}) {
                           </span>
                         </TableCell>
                         <TableCell className="text-muted-foreground max-w-[18rem] text-sm">
-                          <span className="block truncate">
+                          <span className="block break-words">
                             {entry.tags.length > 0
                               ? entry.tags.join(", ")
                               : "-"}
@@ -960,7 +960,7 @@ export function MoodList({ onAddFirst, onEmptyChange }: MoodListProps = {}) {
                           </DayLink>
                         </p>
                         {entry.tags.length > 0 && (
-                          <p className="text-muted-foreground truncate text-xs">
+                          <p className="text-muted-foreground text-xs break-words">
                             {entry.tags.join(", ")}
                           </p>
                         )}