Wrapping leaf nodes in non polymer elements

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

 /* Global styles */
 * {
   margin: 0;
   padding: 0;
   font: 400 14px 'Montserrat', sans-serif;
   color: #333;
   box-sizing: border-box;
 }
 
 .content {
@@ skipping 336 matching lines @@
     -webkit-transform: translate3d(10px, 0, 0);
     -ms-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0);
   }
 }
 
 .shake {
   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;
+}