Fix ListItem css & add compact mode

[jotoeri]

This fixes two things:

• The ListItem was not really usable without subtitle but with counter. Different line heights and a completely messed up design were the result. This now brings that case onto one line, when only title and counter are available and fixes the ListItem height, so all ListItems are the same height.

Before	After
Full odd looking gif

• In connection to the fixed height, it introduces a compact-mode for the list item. Once used without subtitle or in a mixed case, the default sizes are quite large. Esp. if there are multiple elements without subtitle, but a few with subtitle, there is just too much space inbetween those items without. Thus the compact mode reduces the size of the ListItem a bit, so the mixed case looks good.

Default	Compact Mode

[jotoeri]

Just checked it on Talk and didn't see any problems. So should be good to go now. 🙂

[jotoeri]

Before	After

[jotoeri]

Shifted to counter margin, so it also applies if no subtitle used.

[marcoambrosini]

@jotoeri could you add a compact example in the docs too?

[jotoeri]

[jotoeri]

/backport to stable5