Bring panel alert to front and move tooltip to top.

This makes the panel a lot easier to mouse over without odd visual effects.

src/app/directives/grafanaPanel.js

@@ -18,7 +18,7 @@ function (angular, $, config) {
       '<div class="panel-header">'+
       '<div class="panel-header">'+
           '<span class="alert-error panel-error small pointer"' +
           '<span class="alert-error panel-error small pointer"' +
                 'config-modal="app/partials/inspector.html" ng-if="panelMeta.error">' +
                 'config-modal="app/partials/inspector.html" ng-if="panelMeta.error">' +
-            '<span data-placement="right" bs-tooltip="panelMeta.error">' +
+            '<span data-placement="top" bs-tooltip="panelMeta.error">' +
             '<i class="icon-exclamation-sign"></i><span class="panel-error-arrow"></span>' +
             '<i class="icon-exclamation-sign"></i><span class="panel-error-arrow"></span>' +
             '</span>' +
             '</span>' +
           '</span>' +
           '</span>' +

src/css/less/panel.less

@@ -62,6 +62,7 @@
   left: 0;
   left: 0;
   padding: 0px 17px 6px 5px;
   padding: 0px 17px 6px 5px;
   top: 0;
   top: 0;
+  z-index: 10;
   i {
   i {
     position: relative;
     position: relative;
     top: -2px;
     top: -2px;