Use simple CSS selectors to identify elements in Layer's panel tree view

Source/devtools/front_end/LayerTree.js

Index: Source/devtools/front_end/LayerTree.js
diff --git a/Source/devtools/front_end/LayerTree.js b/Source/devtools/front_end/LayerTree.js
index 439c091ef777a45f5cd9fdbf32358b39f717d242..170e5e7c2f194b21efdc9f3011b121c02a3c5718 100644
--- a/Source/devtools/front_end/LayerTree.js
+++ b/Source/devtools/front_end/LayerTree.js
@@ -159,7 +159,7 @@ WebInspector.LayerTree.prototype = {
         var layer = /** @type {!WebInspector.Layer} */ (node.representedObject);
         if (!layer)
             return;
-        var nodeId = layer.nodeId();
+        var nodeId = layer.nodeIdForSelfOrAncestor();
         if (!nodeId)
             return;
         var domNode = WebInspector.domAgent.nodeForId(nodeId);
@@ -201,7 +201,7 @@ WebInspector.LayerTreeElement.prototype = {
         var node = nodeId ? WebInspector.domAgent.nodeForId(nodeId) : null;
         var title = document.createDocumentFragment();
         title.createChild("div", "selection");
-        title.appendChild(document.createTextNode(node ? WebInspector.DOMPresentationUtils.fullQualifiedSelector(node, false) :  "#" + layer.id()));
+        title.appendChild(document.createTextNode(node ? WebInspector.DOMPresentationUtils.simpleSelector(node) : "#" + layer.id()));
         var details = title.createChild("span", "dimmed");
         details.textContent = WebInspector.UIString(" (%d × %d)", layer.width(), layer.height());
         this.title = title;