From bd64324aeb7e5da44ce3d6f85dcf87ae836fb656 Mon Sep 17 00:00:00 2001
From: Sarah Wang <sarahxp.wang@mail.utoronto.ca>
Date: Thu, 15 Aug 2024 00:13:08 -0400
Subject: [PATCH] remove lots of styling

---
 demo/src/App.tsx                   |  4 ++--
 demo/src/DownloadJSONButton.tsx    |  2 +-
 demo/src/Header.tsx                |  1 -
 demo/src/MemoryModelsUserInput.tsx | 12 +-----------
 demo/src/css/styles.css            |  3 ---
 demo/src/index.tsx                 |  3 ---
 6 files changed, 4 insertions(+), 21 deletions(-)

diff --git a/demo/src/App.tsx b/demo/src/App.tsx
index 99450320..982c45a7 100644
--- a/demo/src/App.tsx
+++ b/demo/src/App.tsx
@@ -43,7 +43,7 @@ export default function App() {
             )}
             <Stack direction="row" spacing={2}>
                 <Box sx={{ width: "40%" }}>
-                    <h2 style={{ marginBottom: "1rem" }}>Input</h2>
+                    <h2>Input</h2>
                     <MemoryModelsUserInput
                         textData={textData}
                         setTextData={setTextData}
@@ -55,7 +55,7 @@ export default function App() {
                     />
                 </Box>
                 <Box sx={{ width: "60%" }}>
-                    <h2 style={{ marginBottom: "1rem" }}>Output</h2>
+                    <h2>Output</h2>
                     <ErrorBoundary
                         fallback={
                             <p data-testid="svg-display-error-boundary">
diff --git a/demo/src/DownloadJSONButton.tsx b/demo/src/DownloadJSONButton.tsx
index 96d316f8..09d463f3 100644
--- a/demo/src/DownloadJSONButton.tsx
+++ b/demo/src/DownloadJSONButton.tsx
@@ -20,7 +20,7 @@ export default function DownloadJSONButton(props: DownloadJSONButtonPropTypes) {
             target="_blank"
             rel="noreferrer"
             href={window.URL.createObjectURL(file)}
-            sx={{ ...props.sx, textTransform: "none", textAlign: "center" }}
+            sx={{ ...props.sx, textTransform: "none" }}
         >
             Download JSON
         </Button>
diff --git a/demo/src/Header.tsx b/demo/src/Header.tsx
index 82b9902b..d198326b 100644
--- a/demo/src/Header.tsx
+++ b/demo/src/Header.tsx
@@ -37,7 +37,6 @@ export default function Header() {
                 src={image}
                 alt="MemoryViz Logo"
                 style={{
-                    marginRight: "1rem",
                     width: "12%",
                 }}
             />
diff --git a/demo/src/MemoryModelsUserInput.tsx b/demo/src/MemoryModelsUserInput.tsx
index 110c8266..e800d91a 100644
--- a/demo/src/MemoryModelsUserInput.tsx
+++ b/demo/src/MemoryModelsUserInput.tsx
@@ -84,7 +84,7 @@ function MemoryModelsFileInput(props: MemoryModelsFileInputPropTypes) {
                 variant="contained"
                 disabled={!uploadedFileString}
                 onClick={onLoadButtonClick}
-                sx={{ width: "auto", textTransform: "none" }}
+                sx={{ textTransform: "none" }}
             >
                 Load file data
             </Button>
@@ -108,11 +108,6 @@ function MemoryModelsTextInput(props: MemoryModelsTextInputPropTypes) {
             variant="outlined"
             value={props.textData}
             onChange={handleTextFieldChange}
-            style={{
-                width: "100%",
-                height: "80%",
-                fontFamily: "Monospace",
-            }}
         />
     );
 }
@@ -161,10 +156,6 @@ function MemoryModelsConfigInput(props: MemoryModelsConfigInputPropTypes) {
                                     "data-testid": "config-seed",
                                 },
                             }}
-                            sx={{
-                                width: "50%",
-                                "& .MuiInputBase-input": { height: "10%" },
-                            }}
                         />
                     </MenuItem>
                     <MenuItem>
@@ -176,7 +167,6 @@ function MemoryModelsConfigInput(props: MemoryModelsConfigInputPropTypes) {
                                 />
                             }
                             label="Use automatic layout"
-                            sx={{ width: "50%" }}
                         />
                     </MenuItem>
                 </>
diff --git a/demo/src/css/styles.css b/demo/src/css/styles.css
index bb9469de..61ac33e6 100644
--- a/demo/src/css/styles.css
+++ b/demo/src/css/styles.css
@@ -6,6 +6,3 @@ input[type="number"]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }
-#root {
-    padding: 1rem;
-}
diff --git a/demo/src/index.tsx b/demo/src/index.tsx
index b3ec1e30..bbe295e7 100644
--- a/demo/src/index.tsx
+++ b/demo/src/index.tsx
@@ -13,9 +13,6 @@ const theme = createTheme({
             light: "#72ac56",
         },
     },
-    typography: {
-        fontFamily: "Open Sans, Arial, sans-serif",
-    },
 });
 
 const root = createRoot(document.getElementById("root"));