We should properly align the labels and filter options in the Filter box.
More like a nice enhancement. Putting up as mentored issue.
I've been looking at this locally with divs and css. Close but the Date block still needs tuning.
Ok, Date block is tuned. It's not in the mustache templates yet, but here's a before and after:
The after is slightly shorter now than it was before also.
That looks great. So yeah, lets go with that. Thanks @tojonmz!
I've integrated the changes into my local dashboard using functional_reports. @andreieftimie if you can have a quick look below, I will push some code to my remote and you can check out my changes.
Firefox and Chrome on Windows, render the date boxes a bit differently. I had to split the difference, Firefox's date box is now essentially lined up 1px left, Chrome is doing its own thing, several px right. Perhaps it will look different yet again on Linux or OSX. You'd have to peer closely to see the differences but if you look at the leading edge of the 1st box you see they aren't perfectly lined up.
Here's Firefox, and Chrome:
Don't sweat cross-browser pixel perfection.
Please issue a PR or push your changes to http://mozmill-sandbox.blargon7.com
Both would probably be better :)
Ok, I'm going to push the one template only to my remote first, so you can have a look. I'm sure there may be some tuning of css id or class names needed. Then after I will propagate the same changes to all the templates, and open a PR.
Align the contents in the Filter box (#90)
Align filters via CSS (#90)
Use em instead of px and reduce label width (#90)
Merged as f89bf0e
And pushed to all instances.