Give full button padding while ion-content has no padding

Ionic Framework ionic-v3
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

4 
<ion-grid>
        <ion-row>
          <ion-col col-12>
            <button ion-button full color='primary' *ngIf="searching" (click)="onCancel()">Clear Search</button>
          </ion-col>
        </ion-row>
    </ion-grid>