Currently experimenting with Bootstrap to ensure my table is responsive on a search list I am developing. However, I am facing an issue where two of my columns are taking up more space than necessary. In the image below, you can see that Date and Link columns are larger than required. What steps can I take to resolve this? Any help would be greatly appreciated!
HTML (Snippet):
<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