title: Ionic 2: Remove gigantic padding from form elements
body: <p>Q) I have the following page grid structure and i want to remove the padding around everything so that it's not so huge. Is there a nice way to do this that doesn't ruin all the Ionic styling out of the box?</p>
  
  <p><em>Here's the structure:</em></p>
  
  <pre><code>&lt;ion-content&gt;
    &lt;ion-row baseline&gt;
      &lt;ion-col width-90&gt;
        &lt;ion-item&gt;
          &lt;ion-label stacked&gt;Email&lt;/ion-label&gt;
          &lt;ion-input type="text"&gt;&lt;/ion-input&gt;
        &lt;/ion-item&gt;
      &lt;/ion-col&gt;
      &lt;ion-col width-10&gt;
        &lt;ion-icon name='more'&gt;&lt;/ion-icon&gt;
      &lt;/ion-col&gt;
    &lt;/ion-row&gt;
    &lt;ion-row baseline&gt;
      &lt;ion-col width-90&gt;
        &lt;ion-item&gt;
          &lt;ion-label stacked&gt;Floor&lt;/ion-label&gt;
          &lt;ion-select item-right&gt;
            &lt;ion-option value="nes"&gt;NES&lt;/ion-option&gt;
            &lt;ion-option value="n64"&gt;Nintendo64&lt;/ion-option&gt;
            &lt;ion-option value="ps"&gt;PlayStation&lt;/ion-option&gt;
            &lt;ion-option value="genesis"&gt;Sega Genesis&lt;/ion-option&gt;
            &lt;ion-option value="saturn"&gt;Sega Saturn&lt;/ion-option&gt;
            &lt;ion-option value="snes"&gt;SNES&lt;/ion-option&gt;
          &lt;/ion-select&gt;
        &lt;/ion-item&gt;
      &lt;/ion-col&gt;
      &lt;ion-col width-10&gt;
        &lt;ion-icon name='more'&gt;&lt;/ion-icon&gt;
      &lt;/ion-col&gt;
    &lt;/ion-row&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Which looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/13pPd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/13pPd.png" alt="enter image description here"></a></p>
  
  <p>Thanks.</p>