title: Change the Height of an ExtJS 4 Tab
body: <hr>
  
  <p><em>Context:</em> I'm writing an ExtJS application to help volunteers manage a camp database. Containing emergency information, dietary requirements and cabin allocation. I want it to be user-friendly so that volunteers will pick it up quickly, so I decided the tabs need to be <strong>bigger</strong> to draw attention to the <strong>main actions</strong> of the application.</p>
  
  <p><em>Problem:</em> I just don't know how to change the tab height though.</p>
  
  <p><em>Work so far:</em></p>
  
  <ul>
  <li>I've tried setting the tabBar property for my tab panel, but the tabs didn't resize and the styling just looked weird</li>
  <li>I looked through forums and people suggested modifying the CSS, but there were <strong>no examples</strong></li>
  </ul>
  
  <hr>
  
  <p>Can you help? This is what I want to acheive:</p>
  
  <p><a href="http://tinypic.com/r/sltr9g/7" rel="nofollow">http://tinypic.com/r/sltr9g/7</a></p>
  
  <p><a href="http://postimage.org/image/10x22n8ec/" rel="nofollow">http://postimage.org/image/10x22n8ec/</a></p>