title: Display inline label, input box and icon/button in ionic 2
body: <p>I want to display label and input on left side sequentially and button/icon on right side.
  i have tried with using grid as  </p>
  
  <pre><code>&lt;ion-grid&gt;
    &lt;ion-row&gt;
      &lt;ion-col width-10&gt;
          &lt;ion-icon name="phone-portrait"&gt;&lt;/ion-icon&gt;
      &lt;/ion-col&gt;
      &lt;ion-col width-70&gt;
          &lt;ion-input type="text" placeholder="Mobile no"&gt;&lt;/ion-input&gt;
      &lt;/ion-col&gt;
      &lt;ion-col width-10&gt;
            &lt;ion-icon name="contacts" (click)="pickContactNo()"&gt;&lt;/ion-icon&gt;
      &lt;/ion-col&gt;
    &lt;/ion-row&gt;
  &lt;/ion-grid&gt;
  </code></pre>
  
  <p>It display's it inline but the input box slightly goes below.<br>
  <a href="https://i.stack.imgur.com/pXhtt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pXhtt.png" alt="Screenshot"></a></p>
  
  <p>also tried with item-left and item-right properties. but cant able to do. </p>