From acdf8d741b165ac573672ca0193b4d299715097b Mon Sep 17 00:00:00 2001
From: s0lray <s0lray@users.noreply.github.com>
Date: Thu, 26 Mar 2026 20:08:17 -0400
Subject: [PATCH] Left-align tree on initial load for desktop (THE-120)

Position root node near left edge of viewport so the tree has room
to expand rightward when categories are opened.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 public/js/arf.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/js/arf.js b/public/js/arf.js
index 5919e9e..a30e5a2 100644
--- a/public/js/arf.js
+++ b/public/js/arf.js
@@ -110,7 +110,7 @@ d3.json("arf.json").then(function(json) {
   var k = Math.min((svgW - pad * 2) / bw, (svgH - pad * 2) / bh, 3);
   var cx = (minY + maxY) / 2;
   var cy = (minX + maxX) / 2;
-  var tx = svgW / 2 - margin[3] - cx * k;
+  var tx = pad - minY * k;
   var ty = svgH / 2 - margin[0] - cy * k;
   svgEl.call(zoom.transform, d3.zoomIdentity.translate(tx, ty).scale(k));