DevTools: MQs should start at zero in the grid

Source/devtools/front_end/toolbox/ResponsiveDesignView.js

Index: Source/devtools/front_end/toolbox/ResponsiveDesignView.js
diff --git a/Source/devtools/front_end/toolbox/ResponsiveDesignView.js b/Source/devtools/front_end/toolbox/ResponsiveDesignView.js
index 96c4a50ee8f06744c159e5680dd0d6f0dbe1cd99..ce707988232f580edd976674cb67514bec340734 100644
--- a/Source/devtools/front_end/toolbox/ResponsiveDesignView.js
+++ b/Source/devtools/front_end/toolbox/ResponsiveDesignView.js
@@ -284,7 +284,7 @@ WebInspector.ResponsiveDesignView.prototype = {
         const lightLineColor = "rgb(132, 132, 132)";
         const darkLineColor = "rgb(114, 114, 114)";
         const rulerColor = "rgb(125, 125, 125)";
-        const rulerOverlayColor = "rgba(255, 255, 255, 0.4)";
+        const rulerOverlayColor = "rgba(255, 255, 255, 0.2)";
         const textColor = "rgb(186, 186, 186)";
         const contentsSizeColor = "rgba(0, 0, 0, 0.3)";
 
@@ -473,7 +473,7 @@ WebInspector.ResponsiveDesignView.prototype = {
             this._slidersContainer.style.top = cssCanvasOffset;
             this._warningMessage.style.height = cssRulerHeight;
             this._mediaInspectorContainer.style.left = cssRulerWidth;
-            this._mediaInspectorContainer.style.top = cssRulerHeight;
+            this._mediaInspectorContainer.style.paddingTop = cssRulerHeight;

[dgozman, 2014/09/10 12:41:46]

Sorry for misleading, but this should be marginTop, so that ruler can keep black
background.

 
             var cssSliderWidth = WebInspector.ResponsiveDesignView.SliderWidth / zoomFactor + "px";
             this._heightSliderContainer.style.flexBasis = cssSliderWidth;