title: Force font awesome icon to fill div container
body: <p>I am trying to make the icon fill the div. I have tried using the fa classes(ex. fa-lg) but it makes the div box larger. I would like to keep the div box the same size but simply let the icon itself fill more of the box.</p>
  
  <pre><code>&lt;table class="table table-striped"&gt;
  &lt;tr&gt;
        &lt;td width="2%"&gt;
          &lt;div class="btn-group"&gt;&lt;a class="btn btn-default" href="http://google.com"&gt;&lt;i class="fa fa-compass"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/div&gt;
        &lt;/td&gt;
        &lt;td&gt;
           TIME - &lt;b&gt;Location&lt;/b&gt; - Address
        &lt;/td&gt;
  &lt;/tr&gt;&lt;br /&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/qzwpovqq/" rel="noreferrer">JSFiddle</a></p>