Hello guys I have to change a little bit the header and I have the following code
<ion-nav-bar class="bar-stable" align-title="left" animation="no-animation">
<ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i></ion-nav-back-button>
<ion-nav-title ng-click="goBackButton()"><img class="title-image" src="img/logo.png" style="width:123px; height:40px;" /></ion-nav-title>
<ion-nav-buttons side="right">
<div class="buttons">
<button ng-click="addNewAdvert()" class="button button-positive icon ion-plus"> Обява</button>
<button class="button button-icon" back-img='{"img":"{{userpic}}", "defVal": "img/user-ico.png"}' style="height:35px; width:32px; background-position: 0px 0px; background-repeat: no-repeat;" ng-click="showPersonProfile()"></button>
</div>
</ion-nav-buttons>
</ion-nav-bar>
Everything works fine on IOS and some android devices but on Samsung glaxy note 2 the second button on the right falls on the second line. I saw that ionic-angular.js sets ‘right’ of the ‘title-left’ class in ‘calcWidths’ function and takes some of the space that i needed. Anyone sees if i am doing anything wrong or I should somehow override that function. If so how could i do that ?
