Show human-readable names for accessibility properties

Source/devtools/front_end/accessibility/accessibilityNode.css

Index: Source/devtools/front_end/accessibility/accessibilityNode.css
diff --git a/Source/devtools/front_end/accessibility/accessibilityNode.css b/Source/devtools/front_end/accessibility/accessibilityNode.css
index 24f18d7b1bbe61931fd11b7083f3a346ab786a48..5a9695919b0ac126948efb2d699be55475c00452 100644
--- a/Source/devtools/front_end/accessibility/accessibilityNode.css
+++ b/Source/devtools/front_end/accessibility/accessibilityNode.css
@@ -9,15 +9,23 @@
     background-image: url(Images/speech.png);
     background-repeat: no-repeat;
     background-position: 2px center;
-    border-bottom: solid 1px rgba(128, 128, 128, 0.3);
-    padding: 2px 5px;
-    padding-left: 21px;
+/*    border-bottom: solid 1px rgba(128, 128, 128, 0.3); */

[pfeldman, 2015/05/29 12:35:32]

We don't land commented out code

[aboxhall, 2015/05/29 15:33:43]

Done.

+    padding: 4px 4px 0 4px;
+    padding-left: 22px;
     min-height: 18px;
+    font-style: italic;
+}
+
+.ax-computed-text div {
+    display: inline-block;
+    border: solid 1px rgba(128, 128, 128, 0.3);
+    padding: 2px;
+    width: 100%;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     width: 100%;
-    font-style: italic;
+    text-align: center;
 }
 
 div.ax-text-alternatives {
@@ -30,8 +38,13 @@ div.ax-text-alternatives {
     flex-shrink: 0;
 }
 
+.ax-readable-name {
+    flex-shrink: 0;
+}
+
 span.ax-role {
-    color: #006649;
+/*    color: #006649; */

[pfeldman, 2015/05/29 12:35:32]

ditto

[aboxhall, 2015/05/29 15:33:43]

Done.

+    font-weight: bold;
 }
 
 span.ax-internal-role {
@@ -42,3 +55,7 @@ span.ax-internal-role {
     padding: 6px;
     font-style: italic;
 }
+
+.tree-outline li {
+    padding-top: 5px;
+}