How to center buttons in ion-footer-bar?

I think the best way to arrange the buttons on the footer is using a grid, but it will not look so fine. I just made a css snippet and now it looks good:

CSS:

.bar-footer.footer-buttons{
     padding: 0px;
}
.bar-footer.footer-buttons .row{
     padding: 0px;
}
.bar-footer.footer-buttons .row .col{
     text-align: center;
}

HTML:

<div class="bar bar-footer bar-light footer-buttons">
    <div class="row">
        <div class="col">
            <button class="button button-balanced button-clear icon-left ion-ios-checkmark-empty" ng-click="save()">Save</button>	
        </div>
        <div class="col">
            <button class="button button-balanced button-clear icon-left ion-ios-close-empty" ng-click="add()">Cancel</button>	
        </div>
    </div>
</div>