From ad2aa079a9ab4e6eba5f7a3330246de5dcb54568 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 8 Jun 2026 16:30:10 +0000
Subject: [PATCH] Fix doctitle to mirror reimburse: correct SVG sizing,
 lowercase app name

Replace fragile viewBox string-replace with proper width/height injection
so the 24px icon renders at the right size. Use non-breaking space in
.meta when no invoice number is set (preserves row height).

https://claude.ai/code/session_01MkM7p8Us3L8YAfLKGA13NS
---
 app/index.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/index.html b/app/index.html
index 4aecaa6..cb93ba5 100644
--- a/app/index.html
+++ b/app/index.html
@@ -625,16 +625,17 @@ function buildHeader() {
 
   // Right: app name h1 (icon + lowercase app name)
   const titleEl = document.getElementById("inv-title");
-  titleEl.innerHTML = LOGO_SVG.replace("48 48", "24 24") + " invoice";
+  // Right h1: 24×24 icon inline + lowercase app name (mirrors reimburse/timesheet)
+  titleEl.innerHTML = LOGO_SVG.replace('<svg ', '<svg width="24" height="24" ') + "invoice";
 
-  // Meta: invoice number (updated live)
+  // Meta: invoice number, non-breaking space when empty to preserve row height
   updateInvMeta();
 }
 
 function updateInvMeta() {
   const el  = document.getElementById("inv-meta");
   const ino = (document.getElementById("ino")?.value || "").trim();
-  if (el) el.textContent = ino || "";
+  if (el) el.textContent = ino || " ";
 }
 
 // ── Font-size accessibility ────────────────────────────────────────────────────