For the GUI I am currently designing, it would be useful if I could override the default styles for some jQuery mobile elements. eg. form buttons/slider bars etc to make them slightly smaller + less padding etc.
At the moment I have just created my own stylsheet and manually overriden certain classes to reduce margin/padding... and included it after the jquery mobile stylesheet so that mine takes effect.
Is this the best way to do things... or am I missing a vital aspect of how to adjust the appearence of jquery mobile elements?
Using the jQuery mobile form elements, I am design a GUI where it would be preferred to have more than one form control along a single row... for example a button AND a slider bar.
All of the documentation/examples shows each form element on a seperate line... what is the best/recommended way for having more than 1 form element along a single line?