DevTools: zoom frames upon double click, iterate over frames using arrows.

Source/devtools/front_end/settings/EditFileSystemDialog.js

 /*
  * Copyright (C) 2013 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 18 matching lines @@
  */
 
 /**
  * @constructor
  * @extends {WebInspector.DialogDelegate}
  * @param {string} fileSystemPath
  */
 WebInspector.EditFileSystemDialog = function(fileSystemPath)
 {
     WebInspector.DialogDelegate.call(this);
+    this.element.classList.add("dialog-contents");
     this._fileSystemPath = fileSystemPath;
 
-    this.element = createElementWithClass("div", "dialog-contents");
-
     var header = this.element.createChild("div", "header");
     var headerText = header.createChild("span");
     headerText.textContent = WebInspector.UIString("Edit file system");
 
     var closeButton = header.createChild("div", "done-button", "dt-close-button");
     closeButton.gray = true;
     closeButton.addEventListener("click", this._onDoneClick.bind(this), false);
 
     var contents = this.element.createChild("div", "contents");
 
@@ skipping 353 matching lines @@
     {
         WebInspector.Dialog.hide();
     },
 
     onEnter: function()
     {
     },
 
     __proto__: WebInspector.DialogDelegate.prototype
 }