remove lots of styling

david-yz-liu · Aug 15, 2024 · bd64324 · bd64324
1 parent 5097277
commit bd64324
Show file tree

Hide file tree

Showing 6 changed files with 4 additions and 21 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -13,9 +13,6 @@ const theme = createTheme({
             light: "#72ac56",
         },
     },
-    typography: {
-        fontFamily: "Open Sans, Arial, sans-serif",
-    },
 });
 
 const root = createRoot(document.getElementById("root"));