button: {
width: "2.5rem",
height: "2.5rem ",
- paddingLeft: 0
+ paddingLeft: 0,
},
iconContainer: {
height: '100%',
},
icon: {
- marginLeft: '-0.5rem'
+ marginLeft: '-0.5rem',
}
});
<React.Fragment>
<Toolbar
className={isTransitioning ? classes.transition: classes.root}
- style={{ width: `${(actions.length * 2.5) + 8}rem` }}
+ style={{ width: `${(actions.length * 2.5) + 5}rem` }}
data-cy='multiselect-toolbar'
>
{actions.length ? (
return hasAlts ? (
<Tooltip
className={classes.button}
- title={currentPathIsTrash || (useAlts && useAlts(singleSelectedUuid, iconProps)) ? altName : name}
data-targetid={name}
+ title={currentPathIsTrash || (useAlts && useAlts(singleSelectedUuid, iconProps)) ? altName : name}
key={i}
disableFocusListener
- >
+ >
<span className={classes.iconContainer}>
<IconButton
data-cy='multiselect-button'
) : (
<Tooltip
className={classes.button}
- title={action.name}
data-targetid={name}
+ title={action.name}
key={i}
disableFocusListener
- >
+ >
<span className={classes.iconContainer}>
<IconButton
data-cy='multiselect-button'