Merge branch 'master' into 14363-warning-note

[arvados-workbench2.git] / src / views / process-panel / subprocesses-card.tsx

diff --git a/src/views/process-panel/subprocesses-card.tsx b/src/views/process-panel/subprocesses-card.tsx
index 6c5562db7cbff45d8f809b50a552c3d92e1e4b90..9cff1e981630ed6a72e8a2868bb8c70c413b22cd 100644 (file)
--- a/src/views/process-panel/subprocesses-card.tsx
+++ b/src/views/process-panel/subprocesses-card.tsx
@@ -8,18 +8,15 @@ import { StyleRulesCallback, withStyles, WithStyles, Card, CardHeader, CardConte
 import { SubprocessFilter } from '~/components/subprocess-filter/subprocess-filter';
 import { SubprocessFilterDataProps } from '~/components/subprocess-filter/subprocess-filter';
 
-type CssRules = 'root' | 'subtitle' | 'title' | 'gridFilter';
+type CssRules = 'root' | 'title' | 'gridFilter';
 
 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     root: {
         fontSize: '0.875rem',
         height: '100%'
     },
-    subtitle: {
-        paddingBottom: '32px!important'
-    },
     title: {
-        color: theme.customs.colors.grey700
+        color: theme.palette.grey["700"]
     },
     gridFilter: {
         height: '20px',
@@ -49,13 +46,13 @@ export const SubprocessesCard = withStyles(styles)(
             <CardContent>
                 <Grid container direction="column" spacing={16}>
                     <Grid item xs={12} container spacing={16}>
-                        <Grid item md={12} lg={6} className={classes.subtitle}>
+                        <Grid item md={12} lg={6}>
                             <SubprocessFilter label='Subprocesses' value={subprocessesAmount} />
                         </Grid>
                         <Grid item md={12} lg={6}/>
                         {
                             filters.map(filter =>
-                                <Grid item md={12} lg={6} key={filter.key} spacing={0} className={classes.gridFilter}>
+                                <Grid item md={12} lg={6} key={filter.key} className={classes.gridFilter}>
                                     <SubprocessFilter {...filter} onToggle={() => onToggle(filter.label)} />
                                 </Grid>
                             )