From 666f5c1d7a017eddb7f44c4a57b786d8a806c77f Mon Sep 17 00:00:00 2001
From: Anchel135 <yakoveidelman1@gmail.com>
Date: Tue, 2 Sep 2025 17:15:02 +0300
Subject: [PATCH 1/2] commit

---
 app/ts/modules/schema.ts | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/app/ts/modules/schema.ts b/app/ts/modules/schema.ts
index 1bbbf609..288ca8f4 100644
--- a/app/ts/modules/schema.ts
+++ b/app/ts/modules/schema.ts
@@ -146,14 +146,14 @@ export function showGraph(data: any) {
     typeof (window as any).d3.forceManyBody === "function"
   ) {
     const d3 = (window as any).d3;
-    graphInstance.d3Force("charge", d3.forceManyBody().strength(-900));
+    graphInstance.d3Force("charge", d3.forceManyBody().strength(-1200));
     graphInstance.d3Force(
       "link",
       d3
         .forceLink()
         .id((d: any) => d.name)
-        .distance(220)
-        .strength(0.9)
+        .distance(300)
+        .strength(0.6)
     );
 
     if (typeof d3.forceCollide === "function") {
@@ -161,7 +161,11 @@ export function showGraph(data: any) {
         "collision",
         d3
           .forceCollide()
-          .radius(() => 90)
+          .radius((node: any) => {
+            const collisionRadius =
+              Math.max(nodeWidth / 2, node.height / 2) + 10;
+            return collisionRadius;
+          })
           .strength(0.9)
       );
     }
@@ -199,9 +203,15 @@ export function showGraph(data: any) {
     graphInstance.linkDirectionalArrowLength(6).linkDirectionalArrowRelPos(1);
   }
 
-  const zoomInButton = document.getElementById("schema-controls-zoom-in") as HTMLButtonElement;
-  const zoomOutButton = document.getElementById("schema-controls-zoom-out") as HTMLButtonElement;
-  const centerButton = document.getElementById("schema-controls-center") as HTMLButtonElement;
+  const zoomInButton = document.getElementById(
+    "schema-controls-zoom-in"
+  ) as HTMLButtonElement;
+  const zoomOutButton = document.getElementById(
+    "schema-controls-zoom-out"
+  ) as HTMLButtonElement;
+  const centerButton = document.getElementById(
+    "schema-controls-center"
+  ) as HTMLButtonElement;
 
   zoomInButton.addEventListener("click", () => {
     graphInstance.zoom(graphInstance.zoom() * 1.1);

From 36510637224ead921c8687ca791783e69200e83c Mon Sep 17 00:00:00 2001
From: Naseem Ali <34807727+Naseem77@users.noreply.github.com>
Date: Tue, 2 Sep 2025 17:30:24 +0300
Subject: [PATCH 2/2] remove duplicate imports

---
 app/ts/app.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/ts/app.ts b/app/ts/app.ts
index aa6eb810..ae6d937e 100644
--- a/app/ts/app.ts
+++ b/app/ts/app.ts
@@ -22,7 +22,6 @@ import { setupAuthenticationModal, setupDatabaseModal } from './modules/modals';
 import { resizeGraph, showGraph } from './modules/schema';
 import { setupTokenManagement } from './modules/tokens';
 import { initLeftToolbar } from './modules/left_toolbar';
-import { resizeGraph } from './modules/schema';
 
 async function loadAndShowGraph(selected: string | undefined) {
     if (!selected) return;