Bootstrap / Stylus Pen - Make the Table Table as small as possible

Question

I am training with Bootstrap to make my table responsive in the search list I create, the problem is that I would like to make my two columns as small as possible, and not equal. In the image below, you can see that the date and link take up more space than necessary. How can i fix this? Thanks in advance!

HTML (Snipped):

<div class="table-responsive"> <table class="table table-striped table-hover table-bordered table-condensed"> <tbody> <tr class="active" ng-repeat="s in results"> <!-- <td class="hidden-xs hidden-sm">{{$index}}</td> --> <td class="hidden-xs hidden-sm">{{s.provider}}</td> <td>{{s.title}}</td> <td>{{s.date}}</td> <td class="hidden-xs hidden-sm">{{s.cat}}</td> <td><a href="{{s.link}}">D/L</a></td> </tr> </tbody> </table> </div> 

Stylus:

 table table-layout fixed word-wrap break-word 

Answer 1

setting table-layout: auto; should do the trick.

Here is a demo: http://jsfiddle.net/NicoO/m3QWJ/1/