Alignment issues

[mariaczi]

Hi,

I found some allignment issue, but on Gitter got information that there are more.
This is the list - q-item-main and q-btn inside the q-item side right

It looks really bad. I could try to fix it with some additional classes but I think it should be ok out of the box.

Another one is with toolbar and buttons on the right:

It is ok on desktop, but there is issue when using e.g. S5 in Chrome devtools.

[spectrolite]

The datetime component looks weird next to buttons (in a toolbar in my example, don’t know if that changes anything really)
<q-datetime inverted color="secondary" align="center"...

And it looks differently aligned when not inverted (which is not necessarily a good thing), but in my case it allowed this trick, which looks ok.
<q-datetime align="center" class="bg-white on-left on-right"...


I think datetime alignment should be more uniform across states (normal/inverted/dark) and more coherent with buttons.

Also, you’ll notice on the first screenshot that text left padding is strange (but it works way better in inverted mode)

[spectrolite]

If anyone else is having alignment issues with the new quasar 0.14 components, please post or reference here so @rstoenescu can have a global outlook on alignment issues, and hopefully have an easier time fixing these UI glitches in one pass for the stable release.

[spectrolite]

The picture in this post also shows that padding could be improved.
http://forum.quasar-framework.org/topic/637/pagination-rows-per-page-select-padding

@rstoenescu Please note for example the first select component has no internal left padding, and that 10 looks really cramped.

[spectrolite]

@keyb2004 posted another UI alignment issue:
http://forum.quasar-framework.org/topic/601/alert-component-s-property-need-to-be-adjusted