From 3df2924b72af53ba952931e6a83ab7c90a5d07e3 Mon Sep 17 00:00:00 2001
From: Michael Quigley <michael@quigley.com>
Date: Wed, 4 Dec 2024 14:19:18 -0500
Subject: [PATCH] more visual iteration (#799)

---
 ui100/src/Visualizer.tsx |  1 +
 ui100/src/react-flow.css | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/ui100/src/Visualizer.tsx b/ui100/src/Visualizer.tsx
index 3d879c58..6db04585 100644
--- a/ui100/src/Visualizer.tsx
+++ b/ui100/src/Visualizer.tsx
@@ -48,6 +48,7 @@ const Visualizer = ({ overview }: VisualizerProps) => {
             onNodesChange={onNodesChange}
             onEdgesChange={onEdgesChange}
             fitView
+            nodesDraggable={false}
         >
             <Background/>
             <Controls />
diff --git a/ui100/src/react-flow.css b/ui100/src/react-flow.css
index 2fd06875..8d1af30f 100644
--- a/ui100/src/react-flow.css
+++ b/ui100/src/react-flow.css
@@ -1,7 +1,20 @@
 .react-flow__node {
     font-family: "Poppins", sans-serif;
-    color: #241775;
+    font-size: 0.6em;
+    color: white;
     border: 1px solid #241775;
+    background-color: #241775;
+    text-color: white;
+}
+.react-flow__node.selected {
+    border: 1px solid #9bf316;
+}
+.react-flow__handle {
+    background-color: #9bf316;
+    border: 1px solid #241775;
+}
+.react-flow__edge-path {
+    stroke: #241775;
 }
 .react-flow__attribution {
     display: none;