Devtools UI: Fix tooltip issues

Source/devtools/front_end/emulation/MediaQueryInspector.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @extends {WebInspector.Widget}
  * @implements {WebInspector.TargetManager.Observer}
  */
 WebInspector.MediaQueryInspector = function()
@@ skipping 323 matching lines @@
             var labelClass = model.section() === WebInspector.MediaQueryInspector.Section.MinMax ? "media-inspector-label-right" : "media-inspector-label-left";
             var labelContainer = markerElement.createChild("div", "media-inspector-marker-label-container media-inspector-marker-label-container-left");
             labelContainer.createChild("span", "media-inspector-marker-label " + labelClass).textContent = model.minWidthExpression().value() + model.minWidthExpression().unit();
         }
 
         if (model.maxWidthExpression()) {
             var labelClass = model.section() === WebInspector.MediaQueryInspector.Section.MinMax ? "media-inspector-label-left" : "media-inspector-label-right";
             var labelContainer = markerElement.createChild("div", "media-inspector-marker-label-container media-inspector-marker-label-container-right");
             labelContainer.createChild("span", "media-inspector-marker-label " + labelClass).textContent = model.maxWidthExpression().value() + model.maxWidthExpression().unit();
         }
-        markerElement.title = model.mediaText();
+        var tooltipOptions = {};
+        tooltipOptions[WebInspector.Tooltip.Options.VerticalAlignmentTop] = true;
+        tooltipOptions[WebInspector.Tooltip.Options.HorizontalAlignUnderCursor] = true;
+        WebInspector.Tooltip.install(markerElement, model.mediaText(), "", tooltipOptions);
 
         return markerElement;
     },
 
     __proto__: WebInspector.Widget.prototype
 };
 
 /**
  * @constructor
  * @param {!WebInspector.CSSMedia} cssMedia
@@ skipping 139 matching lines @@
     },
 
     /**
      * @return {boolean}
      */
     active: function()
     {
         return this._active;
     }
 }