projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
19482: Use CardHeader/CardContent for more consistent styling
[arvados-workbench2.git]
/
src
/
views
/
workflow-panel
/
registered-workflow-panel.tsx
diff --git
a/src/views/workflow-panel/registered-workflow-panel.tsx
b/src/views/workflow-panel/registered-workflow-panel.tsx
index 4b658452175ad96b8a323d3fca34686feaa5a78b..7b0f2a4c9fbad85d176b452bd79d74d10c02cb63 100644
(file)
--- a/
src/views/workflow-panel/registered-workflow-panel.tsx
+++ b/
src/views/workflow-panel/registered-workflow-panel.tsx
@@
-7,11
+7,11
@@
import {
StyleRulesCallback,
WithStyles,
withStyles,
StyleRulesCallback,
WithStyles,
withStyles,
- Grid,
Tooltip,
Typography,
Card,
CardHeader,
Tooltip,
Typography,
Card,
CardHeader,
+ CardContent,
IconButton,
} from '@material-ui/core';
import { Dispatch } from "redux";
IconButton,
} from '@material-ui/core';
import { Dispatch } from "redux";
@@
-44,7
+44,8
@@
type CssRules = 'root'
| 'readOnlyIcon'
| 'header'
| 'title'
| 'readOnlyIcon'
| 'header'
| 'title'
- | 'avatar';
+ | 'avatar'
+ | 'content';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
root: {
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
root: {
@@
-54,9
+55,6
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
cursor: 'pointer'
},
infoCard: {
cursor: 'pointer'
},
infoCard: {
- paddingLeft: theme.spacing.unit * 2,
- paddingRight: theme.spacing.unit * 2,
- paddingBottom: theme.spacing.unit * 2,
},
propertiesCard: {
padding: 0,
},
propertiesCard: {
padding: 0,
@@
-113,6
+111,13
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
alignSelf: 'flex-start',
paddingTop: theme.spacing.unit * 0.5
},
alignSelf: 'flex-start',
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 * 1,
+ }
+ }
});
type RegisteredWorkflowPanelProps = RegisteredWorkflowPanelDataProps & DispatchProp & WithStyles<CssRules>
});
type RegisteredWorkflowPanelProps = RegisteredWorkflowPanelDataProps & DispatchProp & WithStyles<CssRules>
@@
-169,11
+174,9
@@
export const RegisteredWorkflowPanel = withStyles(styles)(connect(
/>
/>
- <Grid container justify="space-between">
- <Grid item xs={12}>
- <WorkflowDetailsAttributes workflow={item} />
- </Grid>
- </Grid>
+ <CardContent className={classes.content}>
+ <WorkflowDetailsAttributes workflow={item} />
+ </CardContent>
</Card>
</MPVPanelContent>
<MPVPanelContent forwardProps xs data-cy="process-inputs">
</Card>
</MPVPanelContent>
<MPVPanelContent forwardProps xs data-cy="process-inputs">