From b9447f0ffb8619407cbf026010f08545e0fdc8ef Mon Sep 17 00:00:00 2001
From: RyderAsking <clasherlodt@gmail.com>
Date: Mon, 3 Aug 2026 09:55:55 +0000
Subject: [PATCH] fix(ui): preserve narrow desktop status-row behavior

Keep the active todo text hidden below 38rem, as before, while hiding only the changed-files secondary label below 30rem. This fixes the mobile collision without reintroducing the documented narrow desktop overlap.
---
 packages/ui/src/index.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/index.css b/packages/ui/src/index.css
index 07ec8d7e..b6462769 100644
--- a/packages/ui/src/index.css
+++ b/packages/ui/src/index.css
@@ -930,12 +930,15 @@ html:not(.dark) .chat-scroll {
   }
 }
 
-/* Status row: hide secondary labels before the controls collide. */
-@container status-row (max-width: 30rem) {
+/* Hide the long active todo before it can collide with the changed-files summary. */
+@container status-row (max-width: 38rem) {
   .status-row__active-todo {
     display: none;
   }
+}
 
+/* Hide the secondary changed-files label on narrow mobile layouts. */
+@container status-row (max-width: 30rem) {
   .status-row__changed-label {
     display: none;
   }