Fix popup tooltips and sizing for Firefox

platform/firefox/vapi-background.js

@@ -1224,7 +1224,7 @@ vAPI.toolbarButton.onBeforeCreated = function(doc) {
             return;
         }
 
-        new win.MutationObserver(delayedResize).observe(win.body, {
+        new win.MutationObserver(delayedResize).observe(win.document.body, {
             attributes: true,
             characterData: true,
             subtree: true

src/css/common.css

@@ -36,7 +36,8 @@ body:not(.advancedUser) [data-tip]:hover:after {
     white-space: pre-line;
     z-index: 20;
     pointer-events: none;
-    opacity: 0;
+    animation: tooltip 0.8s;
+    -webkit-animation: tooltip 0.8s;
     }
 [data-tip]:hover::after {
     opacity: 1;
@@ -60,6 +61,17 @@ body[dir=rtl] [data-tip][data-tip-anchor="top"]:hover:after {
     right: -500%;
     }
 
+@keyframes tooltip {
+      0% { opacity: 0; }
+     85% { opacity: 0; }
+    100% { opacity: 1; }
+    }
+@-webkit-keyframes tooltip {
+      0% { opacity: 0; }
+     85% { opacity: 0; }
+    100% { opacity: 1; }
+    }
+
 .hiddenFileInput {
     visibility: hidden;
     width: 0;

src/css/popup.css

@@ -162,7 +162,7 @@ body.dirty #refresh {
 body.dirty #refresh:hover {
     color: black;
     }
-    
+
 #dynamicFilteringContainer {
     border: 0;
     font-size: 12px;