I'm finding the default font size as well as the overall amount of white space around the controls to be a bit much. I'm trying to produce a much more condensed interface with a smaller font and less margins/padding.
I've been inspecting all of the rendered UI elements in an attempt to figure out the most efficient way to accomplish this but my head is spinning. So far my assessment is that I'm going to have to do this one component at a time. And even with that approach I'm struggling.
For example, I've reduced the font size to 12px but the date picker remains the same size but with the smaller font. Not quite what I was going for.
I feel I could spend weeks trying to figure out every single "k-" class that I will need to override.
I was hoping the theme builder would allow me to pick a font size/family as well as options to adjust margins/padding around the elements but that doesn't seem to be the case.
Any suggestions? Where am I going wrong?