DevTools: make toolbar button click targets square

Source/devtools/front_end/emulation/ResponsiveDesignView.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.VBox}
  * @implements {WebInspector.OverridesSupport.PageResizer}
  * @implements {WebInspector.TargetManager.Observer}
  * @param {!WebInspector.InspectedPagePlaceholder} inspectedPagePlaceholder
@@ skipping 19 matching lines @@
     this._viewportChangedThrottler = new WebInspector.Throttler(0);
     this._pageScaleFactorThrottler = new WebInspector.Throttler(50);
 
     WebInspector.zoomManager.addEventListener(WebInspector.ZoomManager.Events.ZoomChanged, this._onZoomChanged, this);
     WebInspector.overridesSupport.addEventListener(WebInspector.OverridesSupport.Events.EmulationStateChanged, this._emulationEnabledChanged, this);
     WebInspector.targetManager.observeTargets(this, WebInspector.Target.Type.Page);
     this._emulationEnabledChanged();
 };
 
 // Measured in DIP.
-WebInspector.ResponsiveDesignView.RulerWidth = 34;
+WebInspector.ResponsiveDesignView.RulerWidth = 26;
 WebInspector.ResponsiveDesignView.RulerHeight = 22;
 WebInspector.ResponsiveDesignView.RulerTopHeight = 11;
 WebInspector.ResponsiveDesignView.RulerBottomHeight = 9;
 
 WebInspector.ResponsiveDesignView.prototype = {
     _ensureUIInitialized: function()
     {
         if (this._uiInitialized)
             return;
 
@@ skipping 755 matching lines @@
 WebInspector.EmulationDispatcher.prototype = {
     /**
      * @override
      * @param {!EmulationAgent.Viewport=} viewport
      */
     viewportChanged: function(viewport)
     {
         this._responsiveDesignView._viewportChanged(viewport);
     }
 }