Moved buttons and consolidated stylesheet

src/lib/navigator/EventNetwork/Legend.svelte

@@ -50,12 +50,3 @@
   </ul>
 </div>
 
-<style>
-  .legend-circle.content {
-    background-color: var(--content-color, #d6c1a8);
-  }
-  
-  :global(.dark) .legend-circle.content {
-    background-color: var(--content-color-dark, #FFFFFF);
-  }
-</style>

src/styles/visualize.css

@@ -21,6 +21,14 @@
         background-color: #d6c1a8;
     }
 
+    .legend-circle.content {
+        background-color: var(--content-color, #d6c1a8);
+    }
+    
+    :global(.dark) .legend-circle.content {
+        background-color: var(--content-color-dark, #FFFFFF);
+    }
+
     .legend-letter {
         @apply absolute inset-0 flex items-center justify-center text-black text-xs font-bold;
     }
@@ -35,7 +43,7 @@
     }
     
     .network-svg-container {
-        @apply h-[calc(100%-130px)] min-h-[300px];
+        @apply relative;
     }
     
     .network-svg {