FIX Card Spacing Playgrounds
@@ -20,8 +20,14 @@ import standardStatusHandler from '../../Utils/standardStatusHandler';
import standardErrorHandler from '../../Utils/standardErrorHandler';
const useStyles = makeStyles((theme) => ({
+ container: {
+ width: '100%',
+ display: 'flex',
+ justifyContent: 'center',
+ },
paper: {
width: '100%',
+ maxWidth: '700px',
padding: theme.spacing(2),
},
image: {
@@ -255,6 +261,7 @@ export default function Playgrounds() {
title={'Anubis'}
description={'Playground'}
>
+ <Box className={classes.container}>
<Card className={classes.paper}>
<CardHeader
title={'Anubis Playgrounds'}
@@ -263,7 +270,7 @@ export default function Playgrounds() {
<Typography>
Please select one of the below images to launch your session
</Typography>
- <Grid container xs={12} spacing={3}>
+ <Grid container md={12} xs={12} spacing={3}>
<React.Fragment>
{availableImages && selectedImage && availableImages.map((image, index) => (
<Grid item key={index} xs={12} sm={6} onClick={() => setSelectedImage(image)}>
@@ -312,6 +319,8 @@ export default function Playgrounds() {
</div>
</DialogActions>
</Card>
+ </Box>
+
</StandardLayout>
);
}
