Header problem from title-left


#1

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 ?