CSS Bootstrap AngularJS - How to reduce table row height?

Question

I want to reduce the height of any table row in the below plnkr example with CSS/Bootstrap:

https://plnkr.co/edit/ftea6vd1qaPZaXGusZAN

I've tried many approaches like:

line-height
padding
margin
height

and checked stackoverflow as well as the official documentation. None is working.

What am I missing to reduce the row height in the table (to display more content on the screen)?

Thanks, Martin

Answer 1

Bootstrap has dedicated class for this table-condensed:

<table class="table table-bordered table-hover table-condensed">