From 3836f08007b4a7d1421c148119d4d034d085c44a Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Tue, 3 Mar 2026 22:13:58 -0500
Subject: [PATCH] Add overflow-x: clip and min-width: 0 to all list view
 containers

Prevents content from escaping max-width boundaries across notes,
tasks, projects list, and project detail views.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/views/NotesListView.vue   | 4 ++++
 frontend/src/views/ProjectListView.vue | 1 +
 frontend/src/views/ProjectView.vue     | 1 +
 frontend/src/views/TasksListView.vue   | 1 +
 4 files changed, 7 insertions(+)

diff --git a/frontend/src/views/NotesListView.vue b/frontend/src/views/NotesListView.vue
index 3863855..6179e29 100644
--- a/frontend/src/views/NotesListView.vue
+++ b/frontend/src/views/NotesListView.vue
@@ -170,6 +170,7 @@ function onOffsetUpdate(offset: number) {
   max-width: 1200px;
   margin: 2rem auto;
   padding: 0 1rem;
+  overflow-x: clip;
 }
 .header {
   display: flex;
@@ -263,6 +264,9 @@ function onOffsetUpdate(offset: number) {
   gap: 0.75rem;
   margin-top: 1rem;
 }
+.cards-grid > * {
+  min-width: 0;
+}
 
 /* Compact list layout */
 .cards-list {
diff --git a/frontend/src/views/ProjectListView.vue b/frontend/src/views/ProjectListView.vue
index 324d174..f1171bb 100644
--- a/frontend/src/views/ProjectListView.vue
+++ b/frontend/src/views/ProjectListView.vue
@@ -263,6 +263,7 @@ function truncate(text: string | null, max = 120): string {
   max-width: 1200px;
   margin: 2rem auto;
   padding: 0 1rem;
+  overflow-x: clip;
 }
 
 .page-header {
diff --git a/frontend/src/views/ProjectView.vue b/frontend/src/views/ProjectView.vue
index 4409972..9681a98 100644
--- a/frontend/src/views/ProjectView.vue
+++ b/frontend/src/views/ProjectView.vue
@@ -602,6 +602,7 @@ function formatDate(dateStr?: string | null): string {
   max-width: 1200px;
   margin: 2rem auto;
   padding: 0 1rem;
+  overflow-x: clip;
 }
 
 .page-header {
diff --git a/frontend/src/views/TasksListView.vue b/frontend/src/views/TasksListView.vue
index a465c0b..b2d95b5 100644
--- a/frontend/src/views/TasksListView.vue
+++ b/frontend/src/views/TasksListView.vue
@@ -303,6 +303,7 @@ function toggleGroup(key: string) {
   max-width: 1200px;
   margin: 2rem auto;
   padding: 0 1rem;
+  overflow-x: clip;
 }
 .header {
   display: flex;