Full button in ion-footer


#1

Hello there, guys!

I’m converting the following screen into Ionic:

As you can see, there’s a blue button on the bottom that is full. But while applying a full button in ion-footer.ion-toolbar, I’m not getting the same result, as there’re some borders on it, just below “CHANGE PASSWORD” button:

This is the code snippet:

ion-content goes here...

<ion-footer no-border>
	<ion-toolbar transparent>
    <button ion-button full text-uppercase>Change Password</button>
	</ion-toolbar>
</ion-footer>

Does anybody have any idea of what is the proper way to remove these white borders?

Thanks in advance!


#2

this is default padding added by ion-footer
so you have to remove padding/margin manually by applying css.
you can find default applied css by doing inspect in chrome and just remove it