Buttons in a footer bar are the wrong size


#1

I am trying to have buttons in a footer bar but the sizing is all wrong, the buttons are just too big. What I am trying to do works perfectly in the header bar and I would assume that the header and footer should work the exact same way.

For this html:

<div class="bar bar-footer">
    <button class="button button-clear">Today</button>
    <div class="button-bar">
        <a class="button">Month</a>
        <a class="button">Week</a>
        <a class="button">Day</a>
    </div>
    <button class="button button-clear">Today</button>
</div>

Html as a footer bar

Same Html as a header bar

Is this a bug in Ionic?

Thanks,
Jeff


#2

I just tried this and couldn’t get the same issue.

Could it be any css overrides causing a problem?


#3

Thanks for suggesting that, it helped me find the problem. We recently upgraded from beta 7 to beta 13, but the ionic css was still pointing at the old version. Updating that CSS has resolved the issue.

Thanks,
Jeff