[DevTools] Device mode: reset page scale when enabling and improve UI.

Source/devtools/front_end/sdk/OverridesSupport.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 258 matching lines @@
     },
 
     /**
      * @param {boolean} enabled
      */
     setEmulationEnabled: function(enabled)
     {
         if (this.canEmulate()) {
             this.settings._emulationEnabled.set(enabled);
             this.dispatchEventToListeners(WebInspector.OverridesSupport.Events.EmulationStateChanged);
+            if (enabled && this.settings.emulateResolution.get())
+                PageAgent.resetScrollAndPageScaleFactor();

[pfeldman, 2014/07/11 15:15:55]

You should use the target's agent.

[dgozman, 2014/07/14 10:30:04]

Done.

         }
     },
 
     /**
      * @return {boolean}
      */
     responsiveDesignAvailable: function()
     {
         return this._responsiveDesignAvailable;
     },
@@ skipping 168 matching lines @@
         if (this.settings.overrideGeolocation.get())
             this._geolocationPositionChanged();
 
         if (this.settings.emulateTouch.get())
             this._emulateTouchEventsChanged();
 
         if (this.settings.overrideCSSMedia.get())
             this._cssMediaChanged();
 
         this._deviceMetricsChanged();
+        if (this.settings.emulateResolution.get())
+            PageAgent.resetScrollAndPageScaleFactor();
 
         this._userAgentChanged();
 
         if (this.networkThroughputIsLimited())
             this._networkConditionsChanged();
     },
 
     _userAgentChanged: function()
     {
         if (this._userAgentChangedListenerMuted)
@@ skipping 345 matching lines @@
     },
 
     __proto__: WebInspector.Object.prototype
 }
 
 
 /**
  * @type {!WebInspector.OverridesSupport}
  */
 WebInspector.overridesSupport;