From c1409bbdfb8d1883a1e10d8ee44f0327b6c69878 Mon Sep 17 00:00:00 2001
From: AJ Isaacs <ajisaacs27@gmail.com>
Date: Sun, 2 Aug 2026 14:32:39 +0000
Subject: [PATCH] fix(web): reduce job title heading size

---
 CLAUDE.md                                    | 2 ++
 CutList.Web/Components/Pages/Jobs/Edit.razor | 2 +-
 CutList.Web/wwwroot/css/app.css              | 1 +
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/CLAUDE.md b/CLAUDE.md
index ddda426..2fbc758 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -99,6 +99,8 @@ CutList.Mcp is an stdio MCP server, not a hosted service — it's published to `
 
 **Table actions**: Every row-level action cell uses the shared `table-actions` class from `wwwroot/css/app.css`. It is an `inline-flex` non-wrapping control group, so Edit/Delete/Copy buttons remain side by side and do not increase table-row height.
 
+**Job title**: The job-editor page uses the `job-title` class to keep long job names at a compact, readable heading size without changing the larger dashboard hero typography.
+
 ### CutList.Mcp — MCP Server
 
 Stdio-transport MCP server (`ModelContextProtocol` SDK) exposing CutList.Web's REST API as tools for Claude Code. Registers tools via `WithToolsFromAssembly`; logging is disabled entirely so it doesn't interfere with the stdio transport.
diff --git a/CutList.Web/Components/Pages/Jobs/Edit.razor b/CutList.Web/Components/Pages/Jobs/Edit.razor
index 0652db4..c71b4c0 100644
--- a/CutList.Web/Components/Pages/Jobs/Edit.razor
+++ b/CutList.Web/Components/Pages/Jobs/Edit.razor
@@ -13,7 +13,7 @@
 <PageTitle>@(IsNew ? "New Job" : job.DisplayName)</PageTitle>
 
 <div class="d-flex justify-content-between align-items-center mb-3">
-    <h1>@(IsNew ? "New Job" : job.DisplayName)</h1>
+    <h1 class="job-title">@(IsNew ? "New Job" : job.DisplayName)</h1>
     <a href="jobs" class="btn btn-outline-secondary">Back to Jobs</a>
 </div>
 
diff --git a/CutList.Web/wwwroot/css/app.css b/CutList.Web/wwwroot/css/app.css
index 3760239..346f7aa 100644
--- a/CutList.Web/wwwroot/css/app.css
+++ b/CutList.Web/wwwroot/css/app.css
@@ -251,6 +251,7 @@ main { background: var(--paper); box-shadow: none; min-width: 0; }
 h1, h2, h3, h4, h5, h6 { color: var(--ink); font-family: Georgia, "Times New Roman", serif; font-weight: 700; letter-spacing: -.045em; }
 h1 { font-size: clamp(2.25rem, 4vw, 4.1rem); line-height: .98; }
 h2 { font-size: clamp(1.6rem, 2.5vw, 2.25rem); }
+.job-title { font-size: clamp(1.75rem, 2.5vw, 2.5rem); line-height: 1.1; }
 a, .btn-link { color: var(--green); }
 .btn { border-radius: .35rem; font-size: .85rem; font-weight: 750; letter-spacing: .01em; padding: .65rem 1rem; }
 .btn-primary { background: var(--orange); border-color: var(--orange); color: #231c19; }