Feature #13860
Arvados-DCO-1.1-Signed-off-by: Janicki Artur <artur.janicki@contractors.roche.com>
import { ArvadosTheme } from '~/common/custom-theme';
import { StyleRulesCallback, withStyles, WithStyles, Card, CardHeader, CardContent, Grid, Switch } from '@material-ui/core';
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: {
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
root: {
value: {
marginBottom: theme.spacing.unit
},
value: {
marginBottom: theme.spacing.unit
},
+ middleValue: {
+ marginBottom: theme.spacing.unit - 2
+ },
switch: {
'& span:first-child': {
height: '18px'
switch: {
'& span:first-child': {
height: '18px'
<Grid item>
<Grid container direction="column" alignItems="flex-start" spacing={8}>
<Grid item className={classes.value}>1</Grid>
<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}
2
<Switch classes={{ root: classes.switch }}
checked={this.state.queued}
<Grid item>
<Grid container direction="column" alignItems="flex-end" spacing={8}>
<Grid item className={classes.value}> </Grid>
<Grid item>
<Grid container direction="column" alignItems="flex-end" spacing={8}>
<Grid item className={classes.value}> </Grid>
- <Grid item className={classes.value}>
+ <Grid item className={classes.middleValue}>
2
<Switch classes={{ root: classes.switch }}
checked={this.state.completed}
2
<Switch classes={{ root: classes.switch }}
checked={this.state.completed}