Css 离子导航按钮未在离子导航栏上对齐

我的ion导航栏内的按钮没有对齐

我有两个按钮，在左边和右边。但是，右侧按钮偏离中心

我的标记是：

<ion-nav-bar class="bar-positive">
        <ion-nav-buttons side="left"><button class="button button-icon ion-navicon" ng-click="openMenu()"></button></ion-nav-buttons>
        <ion-nav-buttons side="right"><button class="button button-icon ion-power" ng-click="onOffService()"></button></ion-nav-buttons>
        <ion-nav-view name="mainContent"></ion-nav-view> 
</ion-nav-bar>

未对css进行任何更改，以下是该栏的外观：

---

离子导航视图

不应包含在

离子导航条内

---

离子导航视图

不应包含在

离子导航条内

---

在本演示中，它似乎是一致的：可能是受到了其他因素的影响。我认为高度发生了变化。我尝试了很多方法，但似乎没有任何效果：（在这个演示中似乎是一致的：可能是受到了其他因素的影响。我认为高度是变化的。我已经尝试了很多方法，但似乎没有任何效果：(