From f8c52f81037f741be953e29ae0bbf19bd586b61e Mon Sep 17 00:00:00 2001
From: Aneurin Barker Snook <aneurin@aneur.in>
Date: Fri, 4 Sep 2026 21:09:31 +0100
Subject: [PATCH] Drop two more unneeded width caps

- .tabs__panel--narrow (42rem, the project view's 'All tasks' tab):
  removed the class and its rule, same reasoning as the config
  sections -- the page around it is already full-width.
- Profile now sets meta.wide, so it uses .app__main--wide instead of
  the default .app__main's 32rem cap, matching the dashboard/project/
  configure views instead of sitting narrow like the login form.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 web/src/router/index.ts       | 2 +-
 web/src/style.css             | 4 ----
 web/src/views/ProjectView.vue | 2 +-
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/web/src/router/index.ts b/web/src/router/index.ts
index fd4531a..9608dcc 100644
--- a/web/src/router/index.ts
+++ b/web/src/router/index.ts
@@ -27,7 +27,7 @@ const router = createRouter({
       path: '/profile',
       name: 'profile',
       component: () => import('../views/ProfileView.vue'),
-      meta: { requiresAuth: true },
+      meta: { requiresAuth: true, wide: true },
     },
     {
       // Magic-link target. Works signed in or out — verifying returns a session.
diff --git a/web/src/style.css b/web/src/style.css
index ed94962..a58550a 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -684,10 +684,6 @@ h1 {
   border-bottom-color: var(--accent);
 }
 
-.tabs__panel--narrow {
-  max-width: 42rem;
-}
-
 /* --- project configuration: status list ------------------------------- */
 
 .config-section {
diff --git a/web/src/views/ProjectView.vue b/web/src/views/ProjectView.vue
index 69eb28c..8fbedaf 100644
--- a/web/src/views/ProjectView.vue
+++ b/web/src/views/ProjectView.vue
@@ -174,7 +174,7 @@ async function onCreate() {
       </div>
 
       <!-- Tab: All tasks -->
-      <div v-show="activeTab === 'all'" class="tabs__panel tabs__panel--narrow" role="tabpanel">
+      <div v-show="activeTab === 'all'" class="tabs__panel" role="tabpanel">
         <p class="muted">{{ summary }}</p>
 
         <p v-if="cards.loading && !cards.loaded" class="muted">Loading…</p>