title: Show Clickable Icon on Link at Hover
body: <p>First of all, I´m not very firm with CSS. I try to show an icon (right side) on my sidebar link (nav-first-level) on mouseover. The Sidebar-Link currently uses 100% of the Sidebar. Do you have a tip for me?</p>
  
  <pre><code>&lt;ul&gt;                        
  &lt;li class="nav-first-level"&gt;
      &lt;a class="facetGroup" href="#"&gt;Cardiology&lt;span class="fa arrow"&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;span class="markGroup "&gt;&lt;i class="fa fa-pencil fa-2" &gt;&lt;/i&gt;&lt;/span&gt;
  
              &lt;ul class="nav nav-second-level collapse"&gt;
  
                                  &lt;li ng-repeat="facet in cardiologyItems"&gt;
                                      &lt;a href="#" ng-attr-title="facet.group + ': ' + facet.name" ng-click="getTitle(facet.group, facet.name)"&gt;&lt;span&gt;{{ facet.name }}&lt;/span&gt;&lt;/a&gt;
                                  &lt;/li&gt;
  
              &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>