Button with glyphicon-remove with size problem

Question

Please see this link in demo: http://www.bootply.com/eiG8eKm3Ao

I’m trying to center the "X" inside the red button.

Code:

<button id="del_photo" type="button" style="width:20px;height:20px" class="btn btn-danger btn-sm" title="Excluir">
    <span class="glyphicon glyphicon-remove" style="color:white;font-size:1em"></span>
</button>

Some solution ?

Answer 1

Substitute:

<button id="del_photo" type="button" style="width:20px;height:20px" class="btn btn-danger btn-sm" title="Excluir">

For:

<button id="del_photo" type="button" style="padding:15px" class="btn btn-danger btn-sm" title="Excluir">

Is one of the solutions...