title: How can I get angular-ui-bootstrap tabs to fill the remaining height
body: <p>I have a plunker to show: <a href="http://plnkr.co/edit/nGjdvrG27jNpQ3QTulMr?p=preview" rel="nofollow">http://plnkr.co/edit/nGjdvrG27jNpQ3QTulMr?p=preview</a></p>
  
  <p>I want the green area to fill the remaining available height.  I can set div height:100% and get almost I want, but that is less than desirable. </p>
  
  <p>Is there a way to do this with css?  Do I need to do some sort of resizing via js?</p>