From fd3addb2cc074ad9519fc7fab06550fe1ac6f3ec Mon Sep 17 00:00:00 2001
From: dtoro <d.toro.v@pm.me>
Date: Fri, 6 Mar 2026 09:36:20 +0100
Subject: [PATCH] styles

---
 src/components/ConfigNode.tsx    | 15 +++++++++++++--
 src/components/RenderingNode.tsx | 15 ++++++++++++++-
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/components/ConfigNode.tsx b/src/components/ConfigNode.tsx
index 5190850..dcc9b98 100644
--- a/src/components/ConfigNode.tsx
+++ b/src/components/ConfigNode.tsx
@@ -127,8 +127,19 @@ export default function ConfigNode({ id, data }: Props) {
                 Stored YAML: {storedYaml ? `${storedYaml.length} chars` : 'none'}
             </div>
 
-            <Handle type="source" position={Position.Right} id="out" style={{ background: '#10B981', right: -6 }} />
-            <Handle type="target" position={Position.Left} id="in" style={{ background: '#F97316', left: -6 }} />
+            <Handle
+                type="target"
+                position={Position.Left}
+                id="ain"
+                style={{ background: '#F97316', top: 20, width: 12, height: 12, borderRadius: 3 }}
+            />
+
+            <Handle
+                type="source"
+                position={Position.Right}
+                id="out"
+                style={{ background: '#10B981', top: 20, width: 12, height: 12, borderRadius: 3 }}
+            />
         </div>
     )
 }
diff --git a/src/components/RenderingNode.tsx b/src/components/RenderingNode.tsx
index 67bf829..7d1c9a3 100644
--- a/src/components/RenderingNode.tsx
+++ b/src/components/RenderingNode.tsx
@@ -102,7 +102,20 @@ export default function RenderingNode({ id }: Props) {
                 <div className="text-xs text-gray-400">RENDERER</div>
             </div>
             <pre className="text-xs text-gray-800 max-h-40 overflow-auto p-3">{output}</pre>
-            <Handle type="target" position={Position.Left} id="in" style={{ background: '#F97316' }} />
+
+            <Handle
+                type="target"
+                position={Position.Left}
+                id="ain"
+                style={{ background: '#F97316', top: 20, width: 12, height: 12, borderRadius: 3 }}
+            />
+
+            <Handle
+                type="source"
+                position={Position.Right}
+                id="out"
+                style={{ background: '#10B981', top: 20, width: 12, height: 12, borderRadius: 3 }}
+            />
         </div>
     )
 }