[DevTools] Remove TreeOutline from IDBDatabaseView.

third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js

Index: third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js
diff --git a/third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js b/third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js
index 63b5ed953c4ec0973f54a446efc6cbbb47ced409..da985ef2f3a3fdb8806b06ebd107ebcf9b8c32f1 100644
--- a/third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js
+++ b/third_party/WebKit/Source/devtools/front_end/resources/IndexedDBViews.js
@@ -41,45 +41,31 @@ WebInspector.IDBDatabaseView = function(database)
     this.element.classList.add("indexed-db-database-view");
     this.element.classList.add("storage-view");
 
-    this._headersTreeOutline = new TreeOutline();
-    this._headersTreeOutline.element.classList.add("outline-disclosure");
-    this.element.appendChild(this._headersTreeOutline.element);
-    this._headersTreeOutline.expandTreeElementsWhenArrowing = true;
-
-    this._securityOriginTreeElement = new TreeElement();
-    this._securityOriginTreeElement.selectable = false;
-    this._headersTreeOutline.appendChild(this._securityOriginTreeElement);
-
-    this._nameTreeElement = new TreeElement();
-    this._nameTreeElement.selectable = false;
-    this._headersTreeOutline.appendChild(this._nameTreeElement);
-
-    this._versionTreeElement = new TreeElement();
-    this._versionTreeElement.selectable = false;
-    this._headersTreeOutline.appendChild(this._versionTreeElement);
+    this._securityOriginElement = this.element.createChild("div", "header-row");
+    this._nameElement = this.element.createChild("div", "header-row");
+    this._versionElement = this.element.createChild("div", "header-row");
 
     this.update(database);
 }
 
 WebInspector.IDBDatabaseView.prototype = {
     /**
+     * @param {!Element} element
      * @param {string} name
      * @param {string} value
      */
-    _formatHeader: function(name, value)
+    _formatHeader: function(element, name, value)
     {
-        var fragment = createDocumentFragment();
-        fragment.createChild("div", "attribute-name").textContent = name + ":";
-        fragment.createChild("div", "attribute-value source-code").textContent = value;
-
-        return fragment;
+        element.removeChildren();
+        element.createChild("div", "attribute-name").textContent = name + ":";
+        element.createChild("div", "attribute-value source-code").textContent = value;
     },
 
     _refreshDatabase: function()
     {
-        this._securityOriginTreeElement.title = this._formatHeader(WebInspector.UIString("Security origin"), this._database.databaseId.securityOrigin);
-        this._nameTreeElement.title = this._formatHeader(WebInspector.UIString("Name"), this._database.databaseId.name);
-        this._versionTreeElement.title = this._formatHeader(WebInspector.UIString("Version"), this._database.version);
+        this._formatHeader(this._securityOriginElement, WebInspector.UIString("Security origin"), this._database.databaseId.securityOrigin);
+        this._formatHeader(this._nameElement, WebInspector.UIString("Name"), this._database.databaseId.name);
+        this._formatHeader(this._versionElement, WebInspector.UIString("Version"), this._database.version);
     },
 
     /**