title: Button is not visible in ion-item when combined with inputs
body: <p>I have an <code>ion-list</code> of food items to display wrapped in an <code>ion-item</code>, each of them is editable with three <code>input</code> fields (name, amount, unit), plus I would like to have a delete <code>button</code> at the left side of the row. </p>
  
  <p>The inputs appear nicely within <code>ion-item</code> but I can't make the <code>"trash"</code> icon button to show up. </p>
  
  <p>If I remove all the inputs, the button shows up. </p>
  
  <p>What should I do to make both appear? Is it possible? </p>
  
  <p>Here is the plunkr: <a href="http://plnkr.co/edit/JvHNEISfUCwcnujDB2jg?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/JvHNEISfUCwcnujDB2jg?p=preview</a></p>
  
  <p>Code: </p>
  
  <pre><code>&lt;ion-content&gt;
  
    &lt;ion-list&gt;
      &lt;ion-item&gt;
  
        &lt;button ion-button icon-only clear small&gt;
          &lt;ion-icon name="trash"&gt;&lt;/ion-icon&gt;
        &lt;/button&gt;
  
        &lt;ion-input type="text" value="peanut"&gt;&lt;/ion-input&gt;
        &lt;ion-input type="number" value="1"&gt;&lt;/ion-input&gt;
        &lt;ion-select&gt;
          &lt;ion-option&gt;oz&lt;/ion-option&gt;
          &lt;ion-option&gt;cup&lt;/ion-option&gt;
          &lt;ion-option&gt;glass&lt;/ion-option&gt;
          &lt;ion-option&gt;piece&lt;/ion-option&gt;
        &lt;/ion-select&gt;
      &lt;/ion-item&gt;
  
    &lt;/ion-list&gt;
  
  &lt;/ion-content&gt;
  </code></pre>