From c5ffdae2cda3db63de02a4ea31378b9fe4390d81 Mon Sep 17 00:00:00 2001
From: Aneurin Barker Snook <aneurin@aneur.in>
Date: Fri, 4 Sep 2026 20:58:13 +0100
Subject: [PATCH] Group Back-to-project and Manage together, styled alike

Moves the back link from the far left to sit immediately left of the
Manage button (both now top right, in a new .project-head__actions
row), and switches it from .btn-secondary to .menu__toggle so the two
are visually identical rather than just similar.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 web/README.md                          |  7 ++++---
 web/src/style.css                      |  8 +++++++-
 web/src/views/ProjectConfigureView.vue | 12 +++++++-----
 3 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/web/README.md b/web/README.md
index f70945e..bcd2acd 100644
--- a/web/README.md
+++ b/web/README.md
@@ -134,9 +134,10 @@ side of the move.
 ## Project configuration
 
 `/projects/:id/configure` (`ProjectConfigureView.vue`) manages a project's
-statuses. The header mirrors the project view's — title, `ProjectManageMenu`
-top right — plus a "← Back to project" link (Manage's own Configure link is
-hidden here, since it would just point at the current page).
+statuses. The header mirrors the project view's — title, then a
+"← Back to project" link and `ProjectManageMenu` together, top right, styled
+alike (both `.menu__toggle`) (Manage's own Configure link is hidden here,
+since it would just point at the current page).
 
 The status list is a `vuedraggable` list (its own list, no shared drag group
 with the kanban board) bound directly to a local `statuses` ref; dragging
diff --git a/web/src/style.css b/web/src/style.css
index c6e84c2..f39cd0b 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -598,10 +598,16 @@ h1 {
   background: var(--bg);
 }
 
+.project-head__actions {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex: none;
+}
+
 .project-head__back {
   display: inline-flex;
   align-items: center;
-  flex: none;
   text-decoration: none;
 }
 
diff --git a/web/src/views/ProjectConfigureView.vue b/web/src/views/ProjectConfigureView.vue
index 29f0f26..65361c5 100644
--- a/web/src/views/ProjectConfigureView.vue
+++ b/web/src/views/ProjectConfigureView.vue
@@ -150,13 +150,15 @@ onBeforeUnmount(() => window.removeEventListener('keydown', onKeydown))
 
     <template v-else-if="project">
       <div class="project-head">
-        <RouterLink :to="{ name: 'project', params: { id: projectId } }" class="btn-secondary project-head__back">
-          &larr; Back to project
-        </RouterLink>
-
         <h1 class="project-head__title">{{ project.title }}</h1>
 
-        <ProjectManageMenu :project-id="projectId" :project-title="project.title" :card-count="project.card_count" />
+        <div class="project-head__actions">
+          <RouterLink :to="{ name: 'project', params: { id: projectId } }" class="menu__toggle project-head__back">
+            &larr; Back to project
+          </RouterLink>
+
+          <ProjectManageMenu :project-id="projectId" :project-title="project.title" :card-count="project.card_count" />
+        </div>
       </div>
 
       <section class="config-section">