Converted Observatory error-ref element

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;
 }
 
 body {
@@ skipping 358 matching lines @@
 removed */
 
 code-ref-wrapped > a[href]:hover {
   text-decoration: underline;
 }
 code-ref-wrapped > a[href] {
   color: #0489c3;
   text-decoration: none;
 }
 
+/* error-ref */
+/* TODO(cbernaschina) fix error-ref-wrapped to error-ref when wrapper
+removed */
+
+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;
+}
+
 /* function-ref */
 /* TODO(cbernaschina) fix function-ref-wrapped to function-ref when wrapper
 removed */
 
 function-ref-wrapped > a[href]:hover {
   text-decoration: underline;
 }
 function-ref-wrapped > a[href] {
   color: #0489c3;
   text-decoration: none;
 }
 
 /* isolate-ref */
-/* TODO(cbernaschina) fix isolate-ref-ref-wrapped to isolate-ref when wrapper
+/* TODO(cbernaschina) fix isolate-ref-wrapped to isolate-ref when wrapper
 removed */
 
 isolate-ref-wrapped > a[href]:hover {
   text-decoration: underline;
 }
 isolate-ref-wrapped > a[href] {
   color: #0489c3;
   text-decoration: none;
 }
 
 /* nav-notify */
-/* TODO(cbernaschina) fix nav-notify-ref-wrapped to nav-notify-ref when wrapper
+/* TODO(cbernaschina) fix nav-notify-wrapped to nav-notify when wrapper
 removed */
 nav-notify-wrapped > div {
   float: right;
 }
 nav-notify-wrapped > div > div {
   display: block;
   position: absolute;
   top: 98%;
   right: 0;
   margin: 0;
@@ skipping 159 matching lines @@
 vm-connect-target > button.delete-button {
   margin-left: 0.28em;
   padding: 4px;
   background: transparent;
   border: none !important;
 }
 
 vm-connect-target > button.delete-button:hover {
   background: #ff0000;
 }