title: Rows inside an Ionic footer don't stack properly
body: <p>I have the following markup, which should result in the input being stacked above the row of icons. Alas, they each take up half the width of the footer. I've spent way too much time trying to find the culprit CSS related to the footer, but have come up short.</p>
  
  <pre><code>&lt;div class="bar bar-footer bar-balanced auto-height"&gt;
      &lt;div class="row"&gt;
          &lt;div class="list list-inset"&gt;
              &lt;label class="item item-input"&gt;
                  &lt;input type="text" placeholder="Email" /&gt;
              &lt;/label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="col text-center"&gt;
              &lt;button class="button button-icon icon ion-social-twitter"&gt;&lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="col text-center"&gt;
              &lt;button class="button button-icon icon ion-social-facebook"&gt;&lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="col text-center"&gt;
              &lt;button class="button button-icon icon ion-social-linkedin-outline"&gt;&lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="col text-center"&gt;
              &lt;button class="button button-icon icon ion-social-googleplus"&gt;&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/isherwood/3cjrjfrx/" rel="nofollow">Demo</a></strong></p>
  
  <p>I'd be interested in either a fix for what appears to be a bug in Ionic's grid, or an override solution to make the rows behave. Thanks a bunch.</p>