Verified Commit 820b55d5 authored by Sandro Lutz's avatar Sandro Lutz
Browse files

Update event details styles

parent 9e48fc98
Pipeline #58293 passed with stages
in 9 minutes and 55 seconds
......@@ -24,14 +24,20 @@ import JsonSchemaFormFieldGroup from '../general/jsonSchema/fieldGroup'
const useStyles = makeStyles(
theme => ({
root: {
display: 'flex',
flexWrap: 'wrap',
justifyContent: 'space-evenly',
alignContent: 'space-between',
alignItems: 'center',
display: 'grid',
gridTemplateColumns: 'auto 1fr',
gridTemplateAreas:
"'notification notification' 'additionalFields description' 'actionbar actionbar'",
width: '100%',
alignContent: 'center',
[theme.breakpoints.down('md')]: {
gridTemplateAreas:
"'notification notification' 'description description' 'additionalFields additionalFields' 'actionbar actionbar'",
},
},
notification: {
gridArea: 'notification',
width: 'calc(100% - 2em)',
margin: '1em',
},
......@@ -39,6 +45,7 @@ const useStyles = makeStyles(
color: theme.palette.secondary.main,
},
additionalFields: {
gridArea: 'additionalFields',
transition: 'width 1s ease',
'& > *': {
......@@ -51,8 +58,7 @@ const useStyles = makeStyles(
padding: '1em',
position: 'relative',
[theme.breakpoints.down('md')]: {
flexGrow: 1,
order: 2,
width: '100%',
},
'&::after': {
......@@ -77,7 +83,7 @@ const useStyles = makeStyles(
},
},
description: {
flexGrow: 1,
gridArea: 'description',
padding: '1em',
textAlign: 'left',
order: 2,
......@@ -90,6 +96,7 @@ const useStyles = makeStyles(
gridArea: 'divider',
},
toolbar: {
gridArea: 'actionbar',
width: '100%',
padding: '0 .4em',
order: 3,
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment