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

Source/devtools/front_end/sdk/OverridesSupport.js

Index: Source/devtools/front_end/sdk/OverridesSupport.js
diff --git a/Source/devtools/front_end/sdk/OverridesSupport.js b/Source/devtools/front_end/sdk/OverridesSupport.js
index 4557ca73e8d54025f1479905ad42a900d6006d7a..74a17f5c736df4fd3bfb3fcf35a88e267f302c12 100644
--- a/Source/devtools/front_end/sdk/OverridesSupport.js
+++ b/Source/devtools/front_end/sdk/OverridesSupport.js
@@ -276,6 +276,8 @@ WebInspector.OverridesSupport.prototype = {
         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.

         }
     },
 
@@ -464,6 +466,8 @@ WebInspector.OverridesSupport.prototype = {
             this._cssMediaChanged();
 
         this._deviceMetricsChanged();
+        if (this.settings.emulateResolution.get())
+            PageAgent.resetScrollAndPageScaleFactor();
 
         this._userAgentChanged();