title: ionic 3 tabs width to avoid entire horizontal space
body: <p>i am using ionic-tabs component and trying to make the tab bar width just enough to show contents rather taking the entire space. </p>
  
  <p>I don't see a sass variable to control it. all the variables are to control text and color related items. </p>
  
  <p>How can i set the max height and widht for the ion-tabs ?</p>
  
  <p>What I am aiming to look them like</p>
  
  <p><a href="https://www.dropbox.com/s/vv9vjjk2ym3iacb/Screenshot%202017-10-23%2014.10.27.png?dl=0" rel="nofollow noreferrer">https://www.dropbox.com/s/vv9vjjk2ym3iacb/Screenshot%202017-10-23%2014.10.27.png?dl=0</a></p>
  
  <p>instead of 
  <a href="https://www.dropbox.com/s/hj1s1tp3xd8wbub/Screenshot%202017-10-23%2014.11.00.png?dl=0" rel="nofollow noreferrer">https://www.dropbox.com/s/hj1s1tp3xd8wbub/Screenshot%202017-10-23%2014.11.00.png?dl=0</a></p>