From d22131ad0a004d2233c236a97e54e35facc1bab2 Mon Sep 17 00:00:00 2001 From: dotta Date: Fri, 20 Mar 2026 07:31:39 -0500 Subject: [PATCH] fix: nudge avatar down for better centering, scale down logo icon - Avatar circle moved from y+24 to y+27 across all three card renderers for balanced whitespace between card top and text baseline - Paperclip logo icon scaled to 0.72x with adjusted text position to better match the wordmark size Co-Authored-By: Paperclip --- server/src/routes/org-chart-svg.ts | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/server/src/routes/org-chart-svg.ts b/server/src/routes/org-chart-svg.ts index 71208a38..aaa408e5 100644 --- a/server/src/routes/org-chart-svg.ts +++ b/server/src/routes/org-chart-svg.ts @@ -234,7 +234,7 @@ const THEMES: Record = { const borderColor = isCeo ? "rgba(168,85,247,0.35)" : theme.cardBorder; const bgColor = isCeo ? "rgba(168,85,247,0.06)" : theme.cardBg; - const avatarCY = ln.y + 24; + const avatarCY = ln.y + 27; const nameY = ln.y + 66; const roleY = ln.y + 82; @@ -298,7 +298,7 @@ const THEMES: Record = { }; const roleText = schemaRoles[tag] || schemaRoles.default; - const avatarCY = ln.y + 24; + const avatarCY = ln.y + 27; const nameY = ln.y + 66; const roleY = ln.y + 82; @@ -398,7 +398,7 @@ function defaultRenderCard(ln: LayoutNode, theme: StyleTheme): string { const { roleLabel, bg, emojiSvg } = getRoleInfo(ln.node); const cx = ln.x + ln.width / 2; - const avatarCY = ln.y + 24; + const avatarCY = ln.y + 27; const nameY = ln.y + 66; const roleY = ln.y + 82; @@ -483,10 +483,12 @@ function treeBounds(ln: LayoutNode): { minX: number; minY: number; maxX: number; return { minX, minY, maxX, maxY }; } -// Paperclip logo: 24×24 icon + wordmark, vertically centered +// Paperclip logo: scaled icon (~16px) + wordmark (13px), vertically centered const PAPERCLIP_LOGO_SVG = ` - - Paperclip + + + + Paperclip `; // ── Public API ───────────────────────────────────────────────────