I recently added a search bar into the header of my application, and it forces my nav bar buttons to move over to the right hand side rather than the left. Header part of the template:
<ion-nav-bar class="bar-positive item-input-inset"> <label class="item-input-wrapper"> <i class="icon ion-ios7-search placeholder-icon"></i> <input type="text" placeholder="Search" ng-model="search.filter"> </label> </ion-nav-bar> <ion-nav-buttons side="left"> <button side="left" menu-toggle="left" class="button button-icon icon ion-navicon"></button> </ion-nav-buttons>
I also tried just moving the button into the ion-nav-bar, which worked to get it onto the left side of the page, but its not in the same position on the left as my other pages that use the menu button. Its just, off, slight to the right compared to the other pages. Its very obvious as your navigating around that the button moves over a few pixels.
What can I do to get the alignment right? I want it to basically look exactly like the example side menu project, but with an input instead of a title.