feat: simple working drop down menu

src/Analysis.tsx

@@ -24,7 +24,7 @@ export default function Analysis() {
     edgeWidth: 1,
     arrowSize: 20,
     fontSize: 10,
-    distance: 0.2,
+    distance: 2,
   });
   const [showControlPanel, setShowControlPanel] = useState(false);
   const [loading, setLoading] = useState(false);
@@ -52,9 +52,9 @@ export default function Analysis() {
   return (
     <div className="stack column dropdown">
       <button onClick={() => setShowControlPanel(!showControlPanel)}>
-        Parameters {showControlPanel ? "🞁" : "🞃"}
+        Parameters  <img style={{ padding: 0, transform: `rotate(${showControlPanel ? 0 : 180}deg)` }} src="expand.svg" alt={showControlPanel ? "^" : "v"} />
       </button>
-      <div id="control-panel" className={showControlPanel ? "opened" : "closed"}>
+      <div id="control-panel" className={showControlPanel ? "opened" : ""}>
 
         <div className="control">
           <label>distance between nodes</label>