jquery/jquery-mobile — Issue #2672: More than 2 buttons in a header causes mis-alignment by default
Author: asgeo1
Created: 2011-10-11 21:06:12+00:00
State: open

Save
New Object
Library
Properties

The first two buttons, Save and New Object have the .ui-btn-left and .ui-btn-right classes respectively. Any additional buttons have no such positional classes.

So you end up with something like this:

=================================================================================================
Library Properties New Object
=================================================================================================

I.e. Save and New Object and floated left and right, but Library and Properties start at the left, and on-top of the Save button so it can no longer be seen.

The work around is just specify the data-inline attribute on each element

Save
New Object
Library
Properties