Converted Observatory code-view element

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 de51c4308257ec2e92170ccd7ef24341c2f212ca..ffd0c9840046c3f2418aadae66f1b3b3d35bacec 100644
--- a/runtime/observatory/lib/src/elements/css/shared.css
+++ b/runtime/observatory/lib/src/elements/css/shared.css
@@ -578,6 +578,54 @@ class-tree virtual-tree .class-tree-item .name {
   margin-left: 0.5em;
 }
 
+/* code-view */
+
+code-view .table {
+  table-layout: fixed;
+}
+
+code-view th:nth-of-type(1),
+code-view td:nth-of-type(1) {
+  min-width: 10em;
+  text-align: left;
+}
+
+code-view th:nth-of-type(2),
+code-view td:nth-of-type(2) {
+  min-width: 8em;
+  text-align: left;
+}
+
+code-view th:nth-of-type(3),
+code-view td:nth-of-type(3) {
+  min-width: 8em;
+  text-align: left;
+}
+
+code-view th:nth-of-type(4),
+code-view td:nth-of-type(4) {
+  text-align: left;
+  overflow: visible;
+  white-space: pre;
+  padding-right: 1em;
+  width: 1px;
+}
+
+code-view th:nth-of-type(5),
+code-view td:nth-of-type(5) {
+  text-align: left;
+  overflow: visible;
+}
+
+code-view tr:hover > td {
+  background-color: #F4C7C3;
+}
+
+code-view .code-comment {
+  color: grey;
+  font-style: italic;
+}
+
 /* context-ref */
 /* TODO(cbernaschina) fix context-ref-wrapped to context-ref when wrapper
 removed */
@@ -1634,6 +1682,26 @@ stack-trace-tree-config {
   white-space: nowrap;
 }
 
+/* type-arguments-ref */
+
+type-arguments-ref a[href]:hover {
+  text-decoration: underline;
+}
+type-arguments-ref a[href] {
+  color: #0489c3;
+  text-decoration: none;
+}
+
+/* token-stream-ref */
+
+token-stream-ref a[href]:hover {
+  text-decoration: underline;
+}
+token-stream-ref a[href] {
+  color: #0489c3;
+  text-decoration: none;
+}
+
 /* view-footer */
 
 view-footer {