I have a problem adding two buttons in ion-nav-button. When serving app everything is ok, but when testing on android phone second button goes bellow the header. I don’t have a title, but ionic does generate div.title and gives it width so that div pushes second button below.
Here is my markup:
<ion-view view-title="" hide-back-button="true">
<ion-nav-buttons side="left">
<button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
<button class="button button-icon icon ion-ios7-arrow-back" ng-click="$state.go('app.category-list')"
nav-direction="back">Categories
</button>
</ion-nav-buttons>
<ion-content>
Some content
</ion-content>
</ion-view>
Here is how it in browser(everything is ok), but on the phone “< Categories” button is displayed lower that the header.
Please help me resolve that issue.