[DevTools] Use ListWidget to render DevicesSettingsTab.

third_party/WebKit/Source/devtools/front_end/ui/ListWidget.js

 // Copyright 2015 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}
  * @param {!WebInspector.ListWidget.Delegate} delegate
  */
 WebInspector.ListWidget = function(delegate)
@@ skipping 372 matching lines @@
      * @param {string} commitButtonTitle
      * @param {function()} commit
      * @param {function()} cancel
      */
     beginEdit: function(commitButtonTitle, commit, cancel)
     {
         this._commit = commit;
         this._cancel = cancel;
 
         this._commitButton.textContent = commitButtonTitle;
-        this._commitButton.scrollIntoView();
+        this.element.scrollIntoView();
         if (this._controls.length)
             this._controls[0].focus();
         this._validateControls(true);
     },
 
     _commitClicked: function()
     {
         if (this._commitButton.disabled)
             return;
 
         var commit = this._commit;
         this._commit = null;
         this._cancel = null;
         commit();
     },
 
     _cancelClicked: function()
     {
         var cancel = this._cancel;
         this._commit = null;
         this._cancel = null;
         cancel();
     }
 }