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.


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-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">
          <label class="item item-input">
	    <input type="text" placeholder="Search Buildings">
      <ion-nav-buttons side="right">
	<a class="button button-icon icon ion-search" href="#/app/results"></a>
  <ion-nav-view name="menuContent"></ion-nav-view>