Give full button padding while ion-content has no padding


#1

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

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

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>

Update:
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;">
        <button>Button</button>
    </div>

Thanks!


#2

Padding and margin are not the same thing.
http://www.goer.org/HTML/intermediate/margins_and_padding/


#3

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