Wrapping leaf nodes in non polymer elements

runtime/observatory/lib/src/elements/css/shared.css

Index: runtime/observatory/lib/src/elements/css/shared.css
diff --git a/runtime/observatory/lib/src/elements/css/shared.css b/runtime/observatory/lib/src/elements/css/shared.css
index 3442d98f5b172b9b73e543f323d31d408a847d2c..ab5ad5fdd0f2d4bdfeda8dc9c86cc02098b69f54 100644
--- a/runtime/observatory/lib/src/elements/css/shared.css
+++ b/runtime/observatory/lib/src/elements/css/shared.css
@@ -354,3 +354,55 @@ body.busy, body.busy * {
   animation: shake 0.5s;
   -webkit-animation: shake 0.5s;
 }
+
+/* error-ref */
+/* TODO: fix error-ref-wrapped to error-ref when wrapper removed */

[rmacnak, 2016/07/11 17:54:01]

Our TODOs are always either TODO(username) or TODO(issuenumber)

[cbernaschina, 2016/07/11 18:14:11]

Done.

+
+error-ref-wrapped > pre {
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  padding: 10px;
+  font-family: consolas, courier, monospace;
+  font-size: 1em;
+  line-height: 1.2em;
+  white-space: pre;
+}
+
+/* isolate-ref */
+/* TODO: fix isolate-ref-wrapped to isolate-ref when wrapper removed */
+
+isolate-ref-wrapped > a {
+  color: #0489c3;
+  text-decoration: none;
+}
+
+isolate-ref-wrapped > a:hover {
+  text-decoration: underline;
+}
+
+/* view-footer */
+
+view-footer {
+  padding: 1em;
+  padding-top: 8em;
+  float: right;
+  align-content: right;
+}
+
+view-footer > a {
+  display: block;
+}
+
+/* vm-connect-target */
+/* TODO: fix vm-connect-target-wrapped to vm-connect-target
+         whenwrapper removed */
+
+vm-connect-target-wrapped > button.delete-button {
+  padding: 4px;
+  background: transparent;
+  border: none !important;
+}
+
+vm-connect-target-wrapped > button.delete-button:hover {
+  background: #ff0000;
+}