| 'checkBoxHead'
| 'checkBoxCell'
| 'checkBox'
+ | 'firstTableCell'
| 'tableCell'
| 'arrow'
| 'arrowButton'
paddingRight: '24px',
color: '#737373',
},
+ firstTableCell: {
+ paddingLeft: '5px',
+ },
tableCellWorkflows: {
'&:nth-last-child(2)': {
padding: '0px',
<Tooltip title={this.state.isSelected ? 'Deselect All' : 'Select All'}>
<input type='checkbox' className={classes.checkBox} checked={isSelected} onChange={this.handleSelectorSelect}></input>
</Tooltip>
- <DataTableMultiselectPopover name={`Options`} options={this.multiselectOptions} checkedList={checkedList}></DataTableMultiselectPopover>
+ <DataTableMultiselectPopover
+ name={`Options`}
+ options={this.multiselectOptions}
+ checkedList={checkedList}
+ ></DataTableMultiselectPopover>
</div>
</TableCell>
) : (
- <TableCell className={classes.tableCell} key={key || index}>
+ <TableCell className={index == 1 ? classes.firstTableCell : classes.tableCell} key={key || index}>
{renderHeader ? (
renderHeader()
) : countNodes(filters) > 0 ? (
{this.mapVisibleColumns((column, index) => (
<TableCell
key={column.key || index}
- className={currentRoute === '/workflows' ? classes.tableCellWorkflows : index === 0 ? classes.checkBoxCell : classes.tableCell}
+ className={
+ currentRoute === '/workflows'
+ ? classes.tableCellWorkflows
+ : index === 0
+ ? classes.checkBoxCell
+ : `${classes.tableCell} ${index === 1 ? classes.firstTableCell : ''}`
+ }
>
{column.render(item)}
</TableCell>