Ionic table not letting me vertical allign contents of table cell (td) and a strange padding

@cooervo wrote:

So I have this code pen works fine: http://codepen.io/cooervo/pen/LpNqQR?editors=110

But I'm trying the same in ionic and I get:

It has a weird internal padding and also things arrent vertically align inside the cells.

Ok jsut used chromes inspect element and it seemed the class "row" had some padding so I just overrided it.

UPDATE with ANSWER

  <tr class="row-custom">
    <td class="instructions">
      Subir foto de su cédula
    </td>
    <td class="icon">
      <img src="img/icons/ic_white-camera.png">
    </td>
  </tr>
  </tbody>
</table>

I was insert a height in td and removed it and added it to class .row-custom now it works, really strange..,..

#meds-cam-scanner .docs {
  border-spacing:0;
  border-collapse: collapse;
  width: 300px;
  border: $dark-borders;
}

#meds-cam-scanner .docs td{
  vertical-align: middle;
}

#meds-cam-scanner .row-custom {
  padding: 0;
  height: 200px;
}

Posts: 1

Participants: 1

Read full topic