FLOE-207: hover and focus on icon

Moved the hover styling and focusing down to the icon instead of the <li> that is used as the container. This removes some oddities with the tooltip where both the container and the icon could cause it to appear.