title: Add a CSS class to the TAB in TabBar, not the tab it self
body: <p>Here is a screenshot to visualize what I want to do.<img src="https://i.stack.imgur.com/5hFrh.png" alt="enter image description here"></p>
  
  <p>There is an extra tab which is iconless (between exit and project).
  The blue highlighted line is the element itself in the inspector.</p>
  
  <p>My goal is to set the tab's width in the tabbar and not in the tabpanel to 5px.
  So That it would act has a spacer between tabs' icons.</p>
  
  <p>I tried to manually add a CSS class so that I could create a very specific rule pointing to that element and inside this rule set the width to 5px with an !important tag.</p>
  
  <pre><code>.x-tab .x-tab-normal .x-item-disabled .x-iconalign-center .x-tab-icon .x-layout-box-item .x-stretched
  {
    width:5px !important;
  }
  </code></pre>
  
  <p>Sadly I never found a way to add a class at that particular level of the component hierarchy.</p>
  
  <p>So I tried to replace an existing CSS class of that component (.x-item-disabled).
  I changed .x-item-disabled to .fake and than created a CSS rule accordingly...
  It did not work and has in the first case, the component's css classes in the inspector did not changed at all..</p>
  
  <p>I'm pretty sure I need to do it that way since it's not something sencha allows us to do.</p>
  
  <p>Can someone help me out plz?</p>