Converted observatory flag-list 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 384 matching lines @@
 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;
 }
 
+/* flag-list */
+
+flag-list .comment {
+  color: #aaa;
+}
+
+flag-list .flag {
+  padding: 3px 0;
+}
+
+flag-list .name {
+  font-weight: bold;
+  margin-right: 0.7em;
+}
+
+flag-list .value {
+  margin-left: 0.7em;
+}
+
 /* 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;
@@ skipping 197 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;
 }