From 7fed77318d5e2adc969d3f975322948695535143 Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Tue, 3 Mar 2026 21:58:31 -0500
Subject: [PATCH] Fix notes grid columns: dashboard 2-per-row, notes list
 3-per-row

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/views/HomeView.vue      | 4 ++--
 frontend/src/views/NotesListView.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
index a5dced0..3d7d046 100644
--- a/frontend/src/views/HomeView.vue
+++ b/frontend/src/views/HomeView.vue
@@ -647,10 +647,10 @@ function clearDashboardResponse() {
   gap: 0.2rem;
 }
 
-/* Notes mini-grid: 3 per row */
+/* Notes mini-grid: 2 per row */
 .notes-mini-grid {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(2, 1fr);
   gap: 0.6rem;
 }
 
diff --git a/frontend/src/views/NotesListView.vue b/frontend/src/views/NotesListView.vue
index 940f282..3863855 100644
--- a/frontend/src/views/NotesListView.vue
+++ b/frontend/src/views/NotesListView.vue
@@ -259,7 +259,7 @@ function onOffsetUpdate(offset: number) {
 /* Grid layout */
 .cards-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  grid-template-columns: repeat(3, 1fr);
   gap: 0.75rem;
   margin-top: 1rem;
 }