display refactoring

src/ui/graph.ts

@@ -4,8 +4,8 @@ import { Behaviour } from "../engine/behaviours/base";
 
 const elk = new ELK();
 
-const UNIT_WIDTH = 100;
-const NODE_HEIGHT = 90;
+const UNIT_WIDTH = 200;
+const NODE_HEIGHT = 150;
 
 export type GraphNode = {
     position: { x: number, y: number };
@@ -21,7 +21,7 @@ export async function build2dNodes(units: Unit[], area: { width: number, height:
         layoutOptions: {
             "elk.algorithm": "layered",
             "elk.direction": "LEFT",
-            "elk.spacing.nodeNode": "60",
+            "elk.spacing.nodeNode": "100",
             "elk.layered.spacing.nodeNodeBetweenLayers": "100",
         },
         children: units.map((unit) => ({