jQuery Forum

first of all I want to say that I'm impressed of jQuery Mobile. I have the feeling people here considered almost all issues you can stumble over when developing for mobile devices.. until now I searched in the documentation or forums and found what I need.

Well now I have a problem which I'm not able to solve by myself. Maybe it's easy for css cracks, but sadly I'm not member of this club. In the following markup I create horizontal aligned icon-only buttons for ratings (I'm totally impressed how easy to do and how cool the result looks!), like described here: http://jquerymobile.com/demos/1.0rc1/docs/buttons/buttons-grouped.html

2.        <div class="ui-body ui-body-e" style="text-align:center;">
3. <div data-role="controlgroup" data-type="horizontal">
4. <a href="#" class="ratebutton" data-rating="1" data-role="button" data-icon="star" data-inline="true" data-iconpos="notext">1 Star</a>
5. <a href="#" class="ratebutton" data-rating="2" data-role="button" data-icon="star" data-inline="true" data-iconpos="notext">2 Stars</a>
6. <a href="#" class="ratebutton" data-rating="3" data-role="button" data-icon="star" data-inline="true" data-iconpos="notext">3 Stars</a>
7. <a href="#" class="ratebutton" data-rating="4" data-role="button" data-icon="star" data-inline="true" data-iconpos="notext">4 Stars</a>
8. <a href="#" class="ratebutton" data-rating="5" data-role="button" data-icon="star" data-inline="true" data-iconpos="notext">5 Stars</a>
9. </div>
10.                   </div>

I experienced that the buttons are too small on my Nexus S, so I have to pump up these guys.

If someone knows how to do this without breaking everything.. please let me know.

Thanks

Sven