Space between +/- and text with responsive=collapse

Hi Tobias
Although responsive=collapse is excellent as it is, the +/- red/green icon is touching the text which follows it. I have been trying to include a small space between the icon and the text.

The following code changes left:4 to left:0
The affect is to move the icon slightly to the left edge of the cell while leaving the text where it is – thus, introducing the space that I was after.

.tablepress.dataTable.dtr-inline.collapsed > tbody > tr[role=”row”] > td:first-child:before,
.tablepress.dataTable.dtr-inline.collapsed > tbody > tr[role=”row”] > th:first-child:before {
left: 0;
}

.tablepress.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
.tablepress.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
left: 0;
}

Is there a better way of achieving this. Ideally, leaving the icon where it is (left:4), but moving the following text slightly to the right.

Regards

Andy