Bom dia. tenho a seguinte tabela (img1.jpg), gostaria de alterar o ícone e diminuir o espaçamento entre as colunas, é possível?
<form class="totvs-form grid vertical create-form-components ui-sortable t0" name="createFormComponents" style="padding-left: 5px; padding-right: 5px;" id="painel-pagamentos">
<div class="form-field" data-type="tabledetail" data-show-properties="" data-field-name="" >
<div class="form-input">
<div class="form-group">
<div id="table-scroll" style="height:30%; overflow:auto; margin-top:20px;">
<table id="tabelavalores" tablename="tabledetailname1" class="table table-layout-fixed" noaddbutton="true">
<thead>
<tr class="tableHeadRow">
<th class="tableColumn">Nota</th>
<th class="tableColumn">Vencimento</th>
<th class="tableColumn">Valor</th>
</tr>
</thead>
<tbody id="pagamentoslista">
<tr class="tableBodyRow">
<td class="fs-v-align-middle">
<div class="col-md-9 form-input">
<input type="text" name="column1_1" class="form-control">
</div>
</td>
<td class="fs-v-align-middle">
<div class="col-md-14 form-input">
<input type="date" name="column2_1" class="form-control">
</div>
</td>
<td class="fs-v-align-middle">
<div class="col-md-14 form-input">
<input type="text" name="valorNota" class="form-control">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<button id="botaoadicionar" type="button" class="btn btn-primary" onclick="wdkAddChild('tabledetailname1')">Adicionar</button>
</div>
</div>
</div>
</form>