small tweek to plot hover and annotation hover tooltip css

src/app/components/extend-jquery.js

@@ -10,26 +10,15 @@ function ($) {
   $.fn.place_tt = (function () {
     var defaults = {
       offset: 5,
-      css: {
-        position : 'absolute',
-        top : -1000,
-        left : 0,
-        color : "#c8c8c8",
-        padding : '10px',
-        'font-size': '11pt',
-        'font-weight' : 200,
-        'background-color': '#1f1f1f',
-        'border-radius': '5px',
-        'z-index': 9999
-      }
-    };
+   };
 
     return function (x, y, opts) {
       opts = $.extend(true, {}, defaults, opts);
       return this.each(function () {
         var $tooltip = $(this), width, height;
 
-        $tooltip.css(opts.css);
+        $tooltip.addClass('grafana-tooltip');
+
         if (!$.contains(document.body, $tooltip[0])) {
           $tooltip.appendTo(document.body);
         }
@@ -44,4 +33,4 @@ function ($) {
   })();
 
   return $;
-});
+});

src/css/less/grafana.less

@@ -460,7 +460,6 @@ select.grafana-target-segment-input {
   width: 200px;
   text-align: center;
   cursor: auto;
-  //background: rgba(50,50,50,0.8);
   padding: 10px;
 }
 
@@ -474,4 +473,17 @@ select.grafana-target-segment-input {
   .hide {
     display: block;
   }
-}
+}
+
+.grafana-tooltip {
+  position : absolute;
+  top: -1000;
+  left: 0;
+  color: #c8c8c8;
+  padding: 10px;
+  font-size: 11pt;
+  font-weight : 200;
+  background-color: rgb(58, 57, 57);
+  border-radius: 5px;
+  z-index: 9999;
+}

src/css/less/graph.less

@@ -127,3 +127,5 @@
     padding: 5px;
   }
 }
+
+