DevTools: reorder items in the resources panel sidebar

third_party/WebKit/Source/devtools/front_end/resources/resourcesPanel.css

Index: third_party/WebKit/Source/devtools/front_end/resources/resourcesPanel.css
diff --git a/third_party/WebKit/Source/devtools/front_end/resources/resourcesPanel.css b/third_party/WebKit/Source/devtools/front_end/resources/resourcesPanel.css
index 02179745bc2dc793f3d1b072ab9659ddaf5c6db3..dd8723ae78fb01acb287e5c7a5ced4997472ce56 100644
--- a/third_party/WebKit/Source/devtools/front_end/resources/resourcesPanel.css
+++ b/third_party/WebKit/Source/devtools/front_end/resources/resourcesPanel.css
@@ -37,6 +37,7 @@
     height: 18px;
     white-space: nowrap;
     padding-top: 1px;
+    padding: 16px 0;
 }
 
 .resources.panel .sidebar li.selected {
@@ -46,7 +47,6 @@
 .resources.panel .sidebar li.selected .selection {
     background-color: rgb(160, 160, 160);
     border-top: 1px solid #979797;
-    height: 18px;
 }
 
 .resources.panel .sidebar :focus li.selected .selection {
@@ -63,13 +63,6 @@
     display: inline-block;
 }
 
-.resources.panel .base-storage-tree-element-title {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    padding-left: 2px;
-    display: inline;
-}
-
 .resources-toolbar {
     border-top: 1px solid #ccc;
     background-color: #eee;
@@ -195,10 +188,6 @@ li.selected .base-storage-tree-element-subtitle {
 }
 
 .resource-sidebar-tree-item .icon {
-    content: url(Images/resourcePlainIcon.png);
-}
-
-.children.small .resource-sidebar-tree-item .icon {
     content: url(Images/resourcePlainIconSmall.png);
 }
 
@@ -212,22 +201,8 @@ li.selected .base-storage-tree-element-subtitle {
 .resources-type-image .image-resource-icon-preview {
     position: absolute;
     margin: auto;
-    top: 3px;
-    bottom: 4px;
-    left: 5px;
-    right: 5px;
-    max-width: 18px;
-    max-height: 21px;
     min-width: 1px;
     min-height: 1px;
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-image .icon {
-    background-image: url(Images/resourcePlainIconSmall.png);
-    content: "";
-}
-
-.children.small .resources-type-image .image-resource-icon-preview {
     top: 2px;
     bottom: 1px;
     left: 3px;
@@ -237,118 +212,6 @@ li.selected .base-storage-tree-element-subtitle {
     overflow: hidden;
 }
 
-.resource-sidebar-tree-item.resources-type-document .icon {
-    content: url(Images/resourceDocumentIcon.png);
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-document .icon {
-    content: url(Images/resourceDocumentIconSmall.png);
-}
-
-.resource-sidebar-tree-item.resources-type-stylesheet .icon {
-    content: url(Images/resourceCSSIcon.png);
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-stylesheet .icon {
-    content: url(Images/resourceDocumentIconSmall.png);
-}
-
-.resource-sidebar-tree-item.resources-type-image .icon {
-    position: relative;
-    background-image: url(Images/resourcePlainIcon.png);
-    background-repeat: no-repeat;
-    content: "";
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-image .icon {
-    background-image: url(Images/resourcePlainIconSmall.png);
-    content: "";
-}
-
-.resource-sidebar-tree-item.resources-type-font .icon {
-    content: url(Images/resourcePlainIcon.png);
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-font .icon {
-    content: url(Images/resourcePlainIconSmall.png);
-}
-
-.resource-sidebar-tree-item.resources-type-script .icon {
-    content: url(Images/resourceJSIcon.png);
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-script .icon {
-    content: url(Images/resourceDocumentIconSmall.png);
-}
-
-.resource-sidebar-tree-item.resources-type-xhr .icon {
-    content: url(Images/resourcePlainIcon.png);
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-xhr .icon {
-    content: url(Images/resourceDocumentIconSmall.png);
-}
-
-.frame-storage-tree-item .icon {
-    content: url(Images/frame.png);
-}
-
-.database-storage-tree-item .icon {
-    content: url(Images/database.png);
-}
-
-.database-table-storage-tree-item .icon {
-    content: url(Images/databaseTable.png);
-}
-
-.indexed-db-storage-tree-item .icon {
-    content: url(Images/indexedDB.png);
-}
-
-.indexed-db-object-store-storage-tree-item .icon {
-    content: url(Images/indexedDBObjectStore.png);
-}
-
-.indexed-db-index-storage-tree-item .icon {
-    content: url(Images/indexedDBIndex.png);
-}
-
-.service-worker-cache-tree-item .icon {
-    content: url(Images/indexedDBObjectStore.png);
-}
-
-.service-worker-cache-storage-tree-item .icon {
-    content: url(Images/indexedDB.png);
-}
-
-.service-workers-tree-item .icon {
-    content: url(Images/serviceWorker.svg);
-}
-
-.-theme-with-dark-background .service-workers-tree-item .icon {
-    -webkit-filter: invert(70%);
-}
-
-.domstorage-storage-tree-item.local-storage .icon {
-    content: url(Images/localStorage.png);
-}
-
-.domstorage-storage-tree-item.session-storage .icon {
-    content: url(Images/sessionStorage.png);
-}
-
-.cookie-storage-tree-item .icon {
-    content: url(Images/cookie.png);
-}
-
-.application-cache-storage-tree-item .icon {
-    content: url(Images/applicationCache.png);
-}
-
-.file-system-storage-tree-item .icon {
-    content: url(Images/fileSystem.png);
-}
-
-.service-worker-info-message {
-    padding: 10px;
+.resources-sidebar {
+    padding-left: 0;
 }