Button inside ion-item


#1

Hello. I’d like to have a button for every ion-item in my ion-list so I can edit the entry. By simply adding the button tag, as per this snippet:

<ion-item ng-repeat="item in favourites" class="item-button-right">
            <h2>{{item.name}}</h2>
            <button class="button button-positive" ng-click="addFavourite(item)">
                <i class="icon ion-compose"></i>
            </button>
            <ion-delete-button class="ion-minus-circled" ng-click="deleteFavourite(item, $index)">
            </ion-delete-button>
        </ion-item>

adds a lot of right padding to the button, which is quite different from the standard button in list example, and quite bad looking honestly. Is there something I am missing? Here is a screenshot.