492: Fix spacing issues

Author: carrollsa

src/client/src/pages/Admin/Admin.js

@@ -119,11 +119,15 @@ export default function Admin(props) {
                     </Backdrop> 
                 :   <Paper elevation={1} style={{"padding": "2em"}}>
                     {statistics === 'Running' && <Alert severity="info">Execution is in Progress...</Alert>}
-
-                        <Grid container item spacing={5} direction="row" style={{padding: 20}}>
+                        <Box
+                            display="flex"
+                            justifyContent="space-between"
+                            flexDirection="row"
+                            style={{ padding: 20 }}
+                        >
                             <UploadBox filesInput={filesInput} handleUpload={handleUpload} lastUploads={lastUploads} />
                             <AnalysisBox handleExecute={handleExecute} lastExecution={lastExecution} statistics={statistics} />
-                        </Grid>
+                        </Box>
                     </Paper>
             }
         </Container>

src/client/src/pages/Admin/Components/AnalysisBox.jsx

@@ -14,30 +14,28 @@ export default function AnalysisBox(props) {
 
     return (
         <Grid container item direction="column" spacing={3} sm={6}>
-            <Grid item>
-                <Paper>
-                    <CardContent>
-                        <Typography variant="h5" style={{ paddingBottom: 5 }}>
-                            Run New Analysis
-                        </Typography>
-                        <form onSubmit={handleExecute}>
-                            <Button
-                                type="submit"
-                                variant="contained"
-                                color="primary"
-                            >
-                                Run Data Analysis
-                            </Button>
-                        </form>
-                    </CardContent>
-                    {!_.isEmpty(statistics) && (
-                        <AnalysisTable
-                            lastExecution={lastExecution}
-                            tableData={statistics}
-                        />
-                    )}
-                </Paper>
-            </Grid>
+            <Paper>
+                <CardContent>
+                    <Typography variant="h5" style={{ paddingBottom: 5 }}>
+                        Run New Analysis
+                    </Typography>
+                    <form onSubmit={handleExecute}>
+                        <Button
+                            type="submit"
+                            variant="contained"
+                            color="primary"
+                        >
+                            Run Data Analysis
+                        </Button>
+                    </form>
+                </CardContent>
+                {!_.isEmpty(statistics) && (
+                    <AnalysisTable
+                        lastExecution={lastExecution}
+                        tableData={statistics}
+                    />
+                )}
+            </Paper>
         </Grid>
     );
 }