From a372853777d4e8f9762ae609b66fa18f17669a16 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Mon, 12 Dec 2016 11:26:47 +0100
Subject: [PATCH] Simplify help bubbles

---
 webadmin/src/theme.scss       | 11 ++++++-----
 webadmin/src/views/users.html |  4 ++--
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/webadmin/src/theme.scss b/webadmin/src/theme.scss
index 452abbf9e..216a3e372 100644
--- a/webadmin/src/theme.scss
+++ b/webadmin/src/theme.scss
@@ -151,12 +151,13 @@ html {
     margin-top: 0;
 }
 
-sup {
-    top: -1.3em;
-}
-
-sup.help a {
+.help {
     color: #757c82;
+    font-size: 14px;
+
+    &:hover {
+        color: $navbar-default-link-hover-color;
+    }
 }
 
 h1, h2, h3 {
diff --git a/webadmin/src/views/users.html b/webadmin/src/views/users.html
index 82638a068..f03503238 100644
--- a/webadmin/src/views/users.html
+++ b/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>