Button-block class not styling correctly


#1

For some reason, wherever I add the class button-block to a button, it still displays at the full width of the device and there is no padding visible at the side.

No other styling, just using the copy and pasted tag from the Ionic docs

<ion-content scroll="false">
      <button class="button button-block button-positive"> Button </button>
</ion-content>

On inspection, the padding is being added but overlaps the actual button width as you can see.

Using Beta14.


#2

That’s normal behaviour.

Wrap your buttons with <div class="padding-horizontal"> or add padding="true" to your ion-content


#3

Ah magic, thanks! @bwasnie1


#4

How to create a round buttons block?
Like keypad in ios