Simplify help bubbles

webadmin/src/theme.scss

@@ -151,12 +151,13 @@ html {
     margin-top: 0;
 }
 
-sup {
+.help {
-    top: -1.3em;
-}
-
-sup.help a {
     color: #757c82;
+    font-size: 14px;
+
+    &:hover {
+        color: $navbar-default-link-hover-color;
+    }
 }
 
 h1, h2, h3 {

webadmin/src/views/users.html

@@ -280,7 +280,7 @@
     <div>
         <div class="text-left">
             <h1>
-                Users <sup class="help" style="font-size: 14px;" ng-show="mailConfig.enabled"><a href="" ng-click="showUserHelp()"><i class="fa fa-question-circle"></i></a></sup> <button class="btn btn-primary btn-outline pull-right" ng-click="useradd.show()"><i class="fa fa-user-plus"></i> New User</button>
+                Users <sup ng-show="mailConfig.enabled"><a href="" class="help" ng-click="showUserHelp()"><i class="fa fa-question-circle"></i></a></sup> <button class="btn btn-primary btn-outline pull-right" ng-click="useradd.show()"><i class="fa fa-user-plus"></i> New User</button>
             </h1>
         </div>
     </div>
@@ -339,7 +339,7 @@
     <div>
         <div class="text-left">
             <h1>
-                Groups <sup style="font-size: 14px;" class="help" ng-show="mailConfig.enabled"><a href="" ng-click="showGroupHelp()"><i class="fa fa-question-circle"></i></a></sup> <button class="btn btn-primary btn-outline pull-right" ng-click="groupAdd.show()"><i class="fa fa-plus"></i> New Group</button>
+                Groups <sup ng-show="mailConfig.enabled"><a href="" class="help" ng-click="showGroupHelp()"><i class="fa fa-question-circle"></i></a></sup> <button class="btn btn-primary btn-outline pull-right" ng-click="groupAdd.show()"><i class="fa fa-plus"></i> New Group</button>
             </h1>
         </div>
     </div>