in progress work

public/app/core/services/popover_srv.ts

@@ -4,6 +4,7 @@ import config from 'app/core/config';
 import _ from 'lodash';
 import $ from 'jquery';
 import coreModule from 'app/core/core_module';
+import Drop from 'tether-drop';
 
 /** @ngInject **/
 function popoverSrv($templateCache, $timeout, $q, $http, $compile) {
@@ -26,21 +27,18 @@ function popoverSrv($templateCache, $timeout, $q, $http, $compile) {
       $timeout(function() {
         var template = _.isString(result) ? result : result.data;
 
-
+        var drop = new Drop({
-        options.element.popover({
+          target: options.element[0],
           content: template,
-          placement: options.placement || 'bottom',
+          position: 'bottom top',
-          html: true
+          classes: 'drop-help',
+          openOn: 'click',
+          tetherOptions: {
+          }
         });
 
-        var popover = options.element.data('popover');
+        drop.open();
-        popover.hasContent = function () {
+        //$compile(popover.$tip)(popover.scope);
-          return template;
-        };
-
-        popover.toggle();
-        popover.scope = options.scope;
-        $compile(popover.$tip)(popover.scope);
       }, 1);
     });
   };

public/sass/components/_navbar.scss

@@ -76,7 +76,7 @@
   img {
     width: 30px;
     position: relative;
-    top: -2px;
+    top: -1px;
   }
 
   .navbar-brand-btn-background {