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>