import { ArvadosTheme } from 'common/custom-theme';
import classNames from 'classnames';
-type CssRules = 'heading'
+type CssRules = 'root'
+ | 'heading'
| 'summary'
| 'summaryText'
| 'details'
| 'warningColor';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
+ root: {
+ marginBottom: theme.spacing.unit * 1,
+ },
heading: {
fontSize: '1rem',
},
export const ProcessRuntimeStatus = withStyles(styles)(
({ runtimeStatus, classes }: ProcessRuntimeStatusProps) => {
- return <>
+ return <div className={classes.root}>
{ runtimeStatus?.error &&
<div data-cy='process-runtime-status-error'><ExpansionPanel className={classes.error} elevation={0}>
<ExpansionPanelSummary className={classNames(classes.summary, classes.detailsText)} expandIcon={<ExpandMoreIcon />}>
</ExpansionPanelDetails>
</ExpansionPanel></div>
}
- </>
+ </div>
});
\ No newline at end of file
paddingTop: theme.spacing.unit * 0.5
},
content: {
+ padding: theme.spacing.unit * 1.0,
+ paddingTop: theme.spacing.unit * 0.5,
'&:last-child': {
- paddingBottom: theme.spacing.unit * 2,
+ paddingBottom: theme.spacing.unit * 1,
}
},
title: {