title: bootstrap panel-header change height
body: <p>I'm trying to change height of <a href="http://getbootstrap.com/components/#panels" rel="nofollow">bootstraps</a> panel-header, if I change the height using this css:  </p>
  
  <pre><code>style="height: 20px;"
  </code></pre>
  
  <p>The title inside the header will be missplaced </p>
  
  <p><a href="http://plnkr.co/edit/fsQO7386Akn3hs3nUtMn?p=preview" rel="nofollow">See example</a> on plunker</p>
  
  <p>Why does this happen, and how can I fix it? </p>