<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/1377169/3757336/b2614670-1837-11e4-982c-6aadf80ac12a.png"><img src="https://cloud.githubusercontent.com/assets/1377169/3757336/b2614670-1837-11e4-982c-6aadf80ac12a.png" alt="screen shot 2014-07-30 at 5 13 05 pm" style="max-width: 100%;"></a></p>
<p dir="auto">h1, h2, h3 tags within panel-headings are set with margin-top: 20px; margin-bottom: 10px;<br>
h4, h5, h6 are at 10px; 10px;</p>
<p dir="auto">Gives an undesirable look. So, create another rule for these headings?<br>
Or is this not being used enough to warrant?</p>
<p dir="auto">In the example there is are panel headers with and without a title being shown. There is a height inconsistency among them, as shown on the image bellow:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/106633/3708366/19804a26-1442-11e4-91f7-18c2eed8154b.png"><img src="https://cloud.githubusercontent.com/assets/106633/3708366/19804a26-1442-11e4-91f7-18c2eed8154b.png" alt="heading-error" style="max-width: 100%;"></a></p>
<p dir="auto">Should both of them be 40px or is this inconsistency expected?</p>