From 901ed3f9c00964ae3a336a9075259f5159fd76a1 Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_git@ketrenos.com>
Date: Sat, 26 Apr 2025 16:47:54 -0700
Subject: [PATCH] Fix Plotly display issues

---
 frontend/src/VectorVisualizer.css |  4 ++--
 frontend/src/VectorVisualizer.tsx | 22 +++++++++++-----------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/frontend/src/VectorVisualizer.css b/frontend/src/VectorVisualizer.css
index 21c2296..3598aa4 100644
--- a/frontend/src/VectorVisualizer.css
+++ b/frontend/src/VectorVisualizer.css
@@ -1,4 +1,4 @@
-.js-plotly-plot {
+/* .js-plotly-plot {
   width: 100%;
   height: 100%;
 }
@@ -16,4 +16,4 @@
 .plotly .svg-container {
   width: 100% !important;
   height: 100% !important;
-}
\ No newline at end of file
+} */
\ No newline at end of file
diff --git a/frontend/src/VectorVisualizer.tsx b/frontend/src/VectorVisualizer.tsx
index 31f4f91..df31080 100644
--- a/frontend/src/VectorVisualizer.tsx
+++ b/frontend/src/VectorVisualizer.tsx
@@ -312,6 +312,7 @@ const VectorVisualizer: React.FC<VectorVisualizerProps> = (props: VectorVisualiz
     <Box className="VectorVisualizer"
       sx={{
         display: 'flex',
+        position: 'relative',
         flexDirection: 'column',
         flexGrow: 1,
         ...sx
@@ -324,15 +325,16 @@ const VectorVisualizer: React.FC<VectorVisualizerProps> = (props: VectorVisualiz
           </Typography>
         </Card>
       }
-      <FormControlLabel sx={{
-        display: "inline-flex",
-        width: "fit-content",
-        mb: '-2.5rem',
-        zIndex: 100,
-        ml: 1,
-        flexBasis: 0,
-        flexGrow: 0
-      }}
+      <FormControlLabel
+        sx={{
+          display: "flex",
+          position: "absolute",
+          width: "fit-content",
+          ml: 1,
+          zIndex: 100,
+          flexBasis: 0,
+          flexGrow: 0
+        }}
         control={<Switch checked={!view2D} />} onChange={() => setView2D(!view2D)} label="3D" />
       <Plot
         onClick={(event: any) => {
@@ -360,8 +362,6 @@ const VectorVisualizer: React.FC<VectorVisualizerProps> = (props: VectorVisualiz
         style={{
           display: "flex",
           flexGrow: 1,
-          justifyContent: 'center',
-          alignItems: 'center',
           minHeight: '240px',
           padding: 0,
           margin: 0,