492: Styling

Author: carrollsa

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

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

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

@@ -13,7 +13,7 @@ export default function AnalysisBox(props) {
     const { handleExecute, lastExecution, statistics } = props;
 
     return (
-        <Grid container item direction="column" spacing={3} sm={6}>
+        <Grid item direction="column" spacing={3} sm={6}>
             <Paper>
                 <CardContent>
                     <Typography variant="h5" style={{ paddingBottom: 5 }}>

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

@@ -13,7 +13,7 @@ export default function UploadBox(props) {
     const { filesInput, handleUpload, lastUploads } = props;
 
     return (
-        <Grid container item direction="column" spacing={3} sm={6}>
+        <Grid item direction="column" spacing={3} sm={6}>
             <Paper>
                 <CardContent>
                     <Typography variant="h5">Upload Files</Typography>