When designing for a vertical rhythm on the web, should form elements also follow along with the rhythm?
I am currently working on developing a new set of guidelines and patterns for an enterprise web based application, including developing both a vertical and horizontal rhythm -- something the traditional product has lacked in the past. This is the first time I've actually paid that much attention to the vertical rhythm, so I've been reading up on it a lot.
I've found one source particularly useful, both in terms of documentation and looking at their CSS as an example. However, when I reached the section about form controls (e.g., buttons) the cadence fell apart. At least, that I could see.
The example was a 6px vertical rhythm. But the default
<button> was defined as 32px, with no additional margin.
Should the form controls also fall into the rhythm, or am I missing something when it comes to the controls lining up with the overall page rhythm?