Styling jquery mobile listviews

Question

im trying to style a listview control but im having problems... when i set width of image to 40px as shown in markup. i cant seem to get the content to align properly to the lef

Answer 1

Add a CSS file after you include the jQuery mobile CSS and overwrite the style

.ui-li-has-thumb .ui-btn-inner {
    min-height: 60px;
    padding-left: 100px;
}

with your preferred padding, e.g.

.ui-li-has-thumb .ui-btn-inner {
    min-height: 60px;
    padding-left: 60px;
}