From 4947ebdf388cf5640bef8222b0016242933ee960 Mon Sep 17 00:00:00 2001
From: Aneurin Barker Snook <aneurin@aneur.in>
Date: Sat, 5 Sep 2026 00:02:09 +0100
Subject: [PATCH] Use the card view's inline back arrow on every other heading

Generalized .card-view__back into .title-back and applied it to:

- ProjectView: arrow back to the dashboard, inline before the title
  (previously no back link at all here -- the app bar's brand already
  covers it, but this is more discoverable and matches the others).
- ProjectConfigureView: arrow back to the project, replacing the
  separate "Back to project" button that used to sit in the actions
  corner next to Manage.
- ProfileView: arrow back to the dashboard, replacing the plain-text
  link removed in an earlier commit.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 web/src/style.css                      | 16 ++++++----------
 web/src/views/CardView.vue             |  2 +-
 web/src/views/ProfileView.vue          |  5 ++++-
 web/src/views/ProjectConfigureView.vue |  9 ++++-----
 web/src/views/ProjectView.vue          |  5 ++++-
 5 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/web/src/style.css b/web/src/style.css
index 26a6a6e..96f55b0 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -647,22 +647,18 @@ h1 {
   }
 }
 
-.project-head__back {
-  display: inline-flex;
-  align-items: center;
-  text-decoration: none;
-}
-
-/* The card view's back link sits inside its title, right before the card's
-   text, rather than up in .project-head__actions like the other views. */
-.card-view__back {
+/* An arrow inline in a heading, right before the title text -- back to
+   wherever this page is "inside" of (dashboard, a project, ...). Used by
+   every heading that has one instead of a separate button, so they all
+   look and behave the same. */
+.title-back {
   display: inline-flex;
   margin-right: 0.4rem;
   color: var(--muted);
   text-decoration: none;
 }
 
-.card-view__back:hover {
+.title-back:hover {
   color: var(--accent);
 }
 
diff --git a/web/src/views/CardView.vue b/web/src/views/CardView.vue
index 5502c7d..4537374 100644
--- a/web/src/views/CardView.vue
+++ b/web/src/views/CardView.vue
@@ -106,7 +106,7 @@ async function onDelete() {
     <template v-else-if="card">
       <div class="project-head">
         <h1 class="project-head__title">
-          <RouterLink :to="backTarget" class="card-view__back" :aria-label="backLabel">&larr;</RouterLink>
+          <RouterLink :to="backTarget" class="title-back" :aria-label="backLabel">&larr;</RouterLink>
           {{ card.text }}
         </h1>
 
diff --git a/web/src/views/ProfileView.vue b/web/src/views/ProfileView.vue
index 56b80f1..529d662 100644
--- a/web/src/views/ProfileView.vue
+++ b/web/src/views/ProfileView.vue
@@ -121,7 +121,10 @@ async function onRemovePasskey(passkey: Passkey) {
 
 <template>
   <section class="card">
-    <h1>Your profile</h1>
+    <h1>
+      <RouterLink :to="{ name: 'dashboard' }" class="title-back" aria-label="Back to dashboard">&larr;</RouterLink>
+      Your profile
+    </h1>
 
     <p><strong>Email:</strong> {{ auth.user?.email }}</p>
 
diff --git a/web/src/views/ProjectConfigureView.vue b/web/src/views/ProjectConfigureView.vue
index c62fea4..2463030 100644
--- a/web/src/views/ProjectConfigureView.vue
+++ b/web/src/views/ProjectConfigureView.vue
@@ -69,13 +69,12 @@ async function onRenameProject() {
 
     <template v-else-if="project">
       <div class="project-head">
-        <h1 class="project-head__title">{{ project.title }}</h1>
+        <h1 class="project-head__title">
+          <RouterLink :to="{ name: 'project', params: { id: projectId } }" class="title-back" aria-label="Back to project">&larr;</RouterLink>
+          {{ project.title }}
+        </h1>
 
         <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>
diff --git a/web/src/views/ProjectView.vue b/web/src/views/ProjectView.vue
index f2a19de..d670d07 100644
--- a/web/src/views/ProjectView.vue
+++ b/web/src/views/ProjectView.vue
@@ -142,7 +142,10 @@ async function onCreate() {
 
     <template v-else-if="project">
       <div class="project-head">
-        <h1 class="project-head__title">{{ project.title }}</h1>
+        <h1 class="project-head__title">
+          <RouterLink :to="{ name: 'dashboard' }" class="title-back" aria-label="Back to dashboard">&larr;</RouterLink>
+          {{ project.title }}
+        </h1>
 
         <div class="project-head__actions">
           <ProjectManageMenu