Give full button padding while ion-content has no padding


I don’t want padding on ion-content because I don’t like padding on lists:

  <button ion-button full (tap)="something()">Button</button>

This unfortunately removes the padding from the button too, making it stick to the sides, which I don’t like either :slight_smile:.

My question: how could I give the button padding, without affecting the other elements?

This didn’t work:
<button ion-button padding full (tap)="something()">Button</button>

Adding style="margin:10px 10px 10px 10px !important;" adds margin to the top and left, but not the the right…

Update 2:
This seems to work:

    <div style="margin: 10px 10px 10px 10px !important;">



Padding and margin are not the same thing.


I wrap mine in a grid with col-10 offset-1