label: {
boxSizing: 'border-box',
color: theme.palette.grey["600"],
- width: '100%'
+ width: '100%',
+ marginTop: "0.4em",
},
value: {
boxSizing: 'border-box',
export const DetailsAttributeComponent = withStyles(styles)(
(props: DetailsAttributeDataProps & WithStyles<CssRules> & DetailsAttributeComponentProps) =>
- <Typography component="div" className={props.classes.attribute}>
+ <Typography component="div" className={props.classes.attribute} data-cy={`details-panel-${props.label.toLowerCase()}`}>
<Typography component="div" className={classnames([props.classes.label, props.classLabel])}>{props.label}</Typography>
<Typography
onClick={props.onValueClick}
</Tooltip>}
</Typography>
</Typography>);
-