X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/486b1bf637827063cdedef283907da2dcc63ad22..41f6f1e495c82fcfa79b87cf718fa2e9cd91c726:/src/views/process-panel/process-information-card.tsx?ds=sidebyside diff --git a/src/views/process-panel/process-information-card.tsx b/src/views/process-panel/process-information-card.tsx index 4c938017..fc34a31c 100644 --- 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'; -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 = (theme: ArvadosTheme) => ({ card: { height: '100%' }, + header: { + paddingTop: theme.spacing.unit, + paddingBottom: theme.spacing.unit, + }, 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