How to correctly fit search bar in ion-nav-bar

I’m new to Ionic and am developing a simple application. I have this nav bar at the top of my application.

image

What I am having trouble with is getting the search bar to fit the rest of the ion-nav-bar until it hits the search icon.

What can I do to acheive this?

Here’s the snippet for this :

<ion-side-menus enable-menu-with-back-views="true">
  <ion-side-menu-content>
    <ion-nav-bar class="bar-assertive">
      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left" style="padding-right:10px">
        </button>
          <label class="item item-input">
	    <input type="text" placeholder="Search Buildings">
          </label>
      </ion-nav-buttons>
      <ion-nav-buttons side="right">
	<a class="button button-icon icon ion-search" href="#/app/results"></a>
      </ion-nav-buttons>
    </ion-nav-bar>
  <ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>