projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge branch '18559-user-profile' into main. Closes #18559
[arvados-workbench2.git]
/
src
/
views
/
process-panel
/
process-information-card.tsx
diff --git
a/src/views/process-panel/process-information-card.tsx
b/src/views/process-panel/process-information-card.tsx
index 4c93801707864341a4698b93bb4449827ecd32cf..fc34a31c2f2b0c7a761b88b85ca1b7e485091890 100644
(file)
--- a/
src/views/process-panel/process-information-card.tsx
+++ b/
src/views/process-panel/process-information-card.tsx
@@
-17,12
+17,16
@@
import classNames from 'classnames';
import { ContainerState } from 'models/container';
import { MPVPanelProps } from 'components/multi-panel-view/multi-panel-view';
import { ContainerState } from 'models/container';
import { MPVPanelProps } from 'components/multi-panel-view/multi-panel-view';
-type CssRules = 'card' | 'iconHeader' | 'label' | 'value' | 'chip' | 'link' | 'content' | 'title' | 'avatar' | 'cancelButton';
+type CssRules = 'card' | 'iconHeader' | 'label' | 'value' | 'chip' | 'link' | 'content' | 'title' | 'avatar' | 'cancelButton'
| 'header'
;
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
card: {
height: '100%'
},
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
card: {
height: '100%'
},
+ header: {
+ paddingTop: theme.spacing.unit,
+ paddingBottom: theme.spacing.unit,
+ },
iconHeader: {
fontSize: '1.875rem',
color: theme.customs.colors.green700,
iconHeader: {
fontSize: '1.875rem',
color: theme.customs.colors.green700,
@@
-93,6
+97,7
@@
export const ProcessInformationCard = withStyles(styles, { withTheme: true })(
const finishedAt = container ? formatDate(container.finishedAt) : 'N/A';
return <Card className={classes.card}>
<CardHeader
const finishedAt = container ? formatDate(container.finishedAt) : 'N/A';
return <Card className={classes.card}>
<CardHeader
+ className={classes.header}
classes={{
content: classes.title,
avatar: classes.avatar
classes={{
content: classes.title,
avatar: classes.avatar