From b17b52941e1c12dd865b192ee93a4dbf1b76be33 Mon Sep 17 00:00:00 2001
From: Lucas Winther <lucwin@ece.au.dk>
Date: Thu, 1 Oct 2026 03:44:52 +0200
Subject: [PATCH] fix(ui): let list titles wrap to two lines instead of one

On a phone a single truncated line cut most titles mid-word, and the
title is what a reader scans the list for.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/client/components/EventRow.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/client/components/EventRow.tsx b/src/client/components/EventRow.tsx
index 069593c..6d3647d 100644
--- a/src/client/components/EventRow.tsx
+++ b/src/client/components/EventRow.tsx
@@ -114,7 +114,10 @@ export function EventRow({
                 )}
               </span>
               <span
-                className={`row-title block truncate text-[0.9375rem] font-medium leading-snug ${
+                // Two lines, not one: on a phone a single line cut most titles
+                // to "Faerie Sugoroku Insect Cage Ga…", and the title is the
+                // thing a reader is scanning the list for.
+                className={`row-title line-clamp-2 break-words text-[0.9375rem] font-medium leading-snug ${
                   completed ? "line-through decoration-faint" : ""
                 }`}
               >