add help bubbles for load balancer status display

add top/left params to the partial so we can move the bubble with text around, otherwise the position won't work out on each page

issue #718

Author: kroepke

app/views/partials/support/head_bubble.scala.html

@@ -1,8 +1,8 @@
-@(link: String)
+@(link: String, top: Int = 10, left: Int = 0)
 
 <a href="http://support.torch.sh/help/kb/@link"
     class="pull-right"
-    style="position: relative; top: 10px;"
+    style="position: relative; top: @{top}px; left: @{left}px;"
     target="_blank">
 
         <i class="icon icon-lightbulb"></i>

app/views/system/nodes/index.scala.html

@@ -141,10 +141,13 @@ <h3>
                     <span class="label label-success node-state" data-toggle="tooltip" title="Marked as ALIVE for load balancers">
                         lb:ALIVE
                     </span>
+                    <span style="margin-left: 4px">@partials.support.bubble("graylog2-server/load-balancer-status")</span>
+
                 } else {
                     <span class="label label-important node-state" data-toggle="tooltip" title="Marked as DEAD for load balancers">
                         lb:DEAD
                     </span>
+                    <span style="margin-left: 4px">@partials.support.bubble("graylog2-server/load-balancer-status")</span>
                 }
             </h3>
 

app/views/system/nodes/show.scala.html

@@ -38,6 +38,7 @@ <h1><i class="icon icon-sitemap"></i> Node @node.getHostname / @node.getShortNod
         <div class="alert alert-info">
             <i class="icon icon-retweet"></i> &nbsp; Lifecycle state:
             <strong>@node.getLifecycle</strong>
+            <span class="pull-right">@partials.support.head_bubble("graylog2-server/load-balancer-status", 0, 19)</span>
         </div>
     </div>
 
@@ -46,12 +47,14 @@ <h1><i class="icon icon-sitemap"></i> Node @node.getHostname / @node.getShortNod
         <div class="row-fluid">
             <div class="alert alert-success">
                 <i class="icon icon-heart"></i> &nbsp; Marked as <strong>ALIVE</strong> for load balancers.
+                <span class="pull-right">@partials.support.head_bubble("graylog2-server/load-balancer-status", 0, 19)</span>
             </div>
         </div>
     } else {
         <div class="row-fluid">
             <div class="alert alert-error">
                 <i class="icon icon-heart"></i> &nbsp; Marked as <strong>DEAD</strong> for load balancers.
+                <span class="pull-right">@partials.support.head_bubble("graylog2-server/load-balancer-status", 0, 19)</span>
             </div>
         </div>
     }