From 87206b1c4320f09906192b728d77c7476b253634 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Thu, 12 Sep 2024 16:11:37 +0100
Subject: [PATCH] Update node spacing

---
 .../src/components/backend/RoleEditor/RoleEditor.svelte        | 3 ++-
 packages/builder/src/components/backend/RoleEditor/layout.js   | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/components/backend/RoleEditor/RoleEditor.svelte b/packages/builder/src/components/backend/RoleEditor/RoleEditor.svelte
index e64ac7d935..01f87b6dea 100644
--- a/packages/builder/src/components/backend/RoleEditor/RoleEditor.svelte
+++ b/packages/builder/src/components/backend/RoleEditor/RoleEditor.svelte
@@ -8,6 +8,7 @@
   import { rolesToNodes, autoLayout } from "./layout"
   import { onMount, setContext } from "svelte"
   import Controls from "./Controls.svelte"
+  import { MaxAutoZoom } from "./constants"
 
   const nodes = writable([])
   const edges = writable([])
@@ -37,7 +38,7 @@
     nodeTypes={{ role: RoleNode }}
     edgeTypes={{ role: RoleEdge }}
     proOptions={{ hideAttribution: true }}
-    fitViewOptions={{ maxZoom: 1 }}
+    fitViewOptions={{ maxZoom: MaxAutoZoom }}
     defaultEdgeOptions={{ type: "role", animated: true, selectable: false }}
     onconnectstart={() => dragging.set(true)}
     onconnectend={() => dragging.set(false)}
diff --git a/packages/builder/src/components/backend/RoleEditor/layout.js b/packages/builder/src/components/backend/RoleEditor/layout.js
index d721549d48..c702adb821 100644
--- a/packages/builder/src/components/backend/RoleEditor/layout.js
+++ b/packages/builder/src/components/backend/RoleEditor/layout.js
@@ -79,7 +79,7 @@ const dagreLayout = ({ nodes, edges }) => {
   dagreGraph.setGraph({
     rankdir: "LR",
     ranksep: 200,
-    nodesep: 100,
+    nodesep: 50,
   })
   nodes.forEach(node => {
     dagreGraph.setNode(node.id, { width: NodeWidth, height: NodeHeight })