From: Janicki Artur <artur.janicki@contractors.roche.com>
Date: Wed, 29 Aug 2018 10:10:17 +0000 (+0200)
Subject: improve values for subprocesses card
X-Git-Tag: 1.3.0~129^2~2
X-Git-Url: https://git.arvados.org/arvados-workbench2.git/commitdiff_plain/de519d0b84931f8ef5fb7d2aecdb67a911c3eabf

improve values for subprocesses card

Feature #13860

Arvados-DCO-1.1-Signed-off-by: Janicki Artur <artur.janicki@contractors.roche.com>
---

diff --git a/src/views/process-panel/subprocesses-card.tsx b/src/views/process-panel/subprocesses-card.tsx
index fe73aead..1fd5817c 100644
--- a/src/views/process-panel/subprocesses-card.tsx
+++ b/src/views/process-panel/subprocesses-card.tsx
@@ -6,7 +6,7 @@ import * as React from 'react';
 import { ArvadosTheme } from '~/common/custom-theme';
 import { StyleRulesCallback, withStyles, WithStyles, Card, CardHeader, CardContent, Grid, Switch } from '@material-ui/core';
 
-type CssRules = 'root' | 'label' | 'value' | 'switch' | 'grid';
+type CssRules = 'root' | 'label' | 'value' | 'middleValue' | 'switch' | 'grid';
 
 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     root: {
@@ -19,6 +19,9 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     value: {
         marginBottom: theme.spacing.unit
     },
+    middleValue: {
+        marginBottom: theme.spacing.unit - 2
+    },
     switch: {
         '& span:first-child': {
             height: '18px'
@@ -62,7 +65,7 @@ export const SubprocessesCard = withStyles(styles)(
                             <Grid item>
                                 <Grid container direction="column" alignItems="flex-start" spacing={8}>
                                     <Grid item className={classes.value}>1</Grid>
-                                    <Grid item className={classes.value}>
+                                    <Grid item className={classes.middleValue}>
                                         2
                                         <Switch classes={{ root: classes.switch }}
                                             checked={this.state.queued}
@@ -90,7 +93,7 @@ export const SubprocessesCard = withStyles(styles)(
                             <Grid item>
                                 <Grid container direction="column" alignItems="flex-end" spacing={8}>
                                     <Grid item className={classes.value}>&nbsp;</Grid>
-                                    <Grid item className={classes.value}>
+                                    <Grid item className={classes.middleValue}>
                                         2
                                         <Switch classes={{ root: classes.switch }}
                                             checked={this.state.completed}