title: angular-ui-tab-scroll: Weird spacing beetwen block to tabs included separetely
body: <p>First of all, thanks for this great library!</p>
  
  <p>Now, i am facing a weird problem when wrapping a <strong>tabset</strong> with tabs included separately, ie either via
  single <strong>tab</strong> elements added manually in the DOM, either via group of tab added by use of  <strong>ng-repeat</strong>:</p>
  
  <p><img src="https://cloud.githubusercontent.com/assets/4053092/8144597/c2209eaa-11e5-11e5-94ad-ba541436c5fd.png" alt="image"></p>
  
  <p>See this <a href="http://plnkr.co/edit/aloZvFN65owbTWf0AsW5?p=preview" rel="nofollow">plunker</a>:</p>
  
  <pre><code>      &lt;scrollable-tabset show-tooltips="false"&gt;
          &lt;tabset&gt;
            &lt;!-- 1st Block of tabs--&gt;
            &lt;tab&gt;
                &lt;tab-heading&gt;Tab 0&lt;/tab-heading&gt;
                Tab 0 content
            &lt;/tab&gt;
             &lt;!-- 2nd Block of tabs--&gt;
            &lt;tab ng-repeat="tab in tabs1" active="tab.active" disabled="tab.disabled"&gt;
              &lt;tab-heading&gt;{{tab.heading}}&lt;/tab-heading&gt;
              {{tab.content}}
            &lt;/tab&gt;
            &lt;!-- 3rd Block of tabs--&gt;
            &lt;tab ng-repeat="tab in tabs2" active="tab.active" disabled="tab.disabled"&gt;
              &lt;tab-heading&gt;{{tab.heading}}&lt;/tab-heading&gt;
              {{tab.content}}
            &lt;/tab&gt;
             &lt;!-- 4th Block of tabs--&gt;
            &lt;tab&gt;
                &lt;tab-heading&gt;Tab 6&lt;/tab-heading&gt;
                Tab 0 content
            &lt;/tab&gt;
          &lt;/tabset&gt;
        &lt;/scrollable-tabset&gt;
  </code></pre>
  
  <p>I inspected/compared the css of each block, but there is no difference...</p>
  
  <p>Any idea?</p>
  
  <p>Thanks</p>