Converted Observatory script-view 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 {
   padding-top: 56px;
+  color: #333;
+  font: 400 14px 'Montserrat', sans-serif;
 }
 
 .content {
   padding-left: 10%;
   font: 400 14px 'Montserrat', sans-serif;
 }
 
 .content-centered {
   padding-left: 10%;
   padding-right: 10%;
   font: 400 14px 'Montserrat', sans-serif;
 }
 
 .content-centered-big {
   padding-left: 5%;
   padding-right: 5%;
   font: 400 14px 'Montserrat', sans-serif;
 }
 
 h1 {
   font: 400 18px 'Montserrat', sans-serif;
 }
 
+h2 {
+  font: 400 16px 'Montserrat', sans-serif;
+}
+
 .memberList {
   display: table;
 }
 
 .memberItem {
   display: table-row;
 }
 
 .memberName, .memberValue {
   display: table-cell;
@@ skipping 1413 matching lines @@
   padding: 10px;
   width: 100%;
   box-sizing: border-box;
   overflow-x: scroll;
 }
 script-inset-wrapped .sourceRow {
   display: flex;
   flex-direction: row;
   width: 100%;
 }
-script-inset-wrapped .sourceItem, .sourceItemCurrent {
+script-inset-wrapped .sourceItem,
+script-inset-wrapped .sourceItemCurrent {
   vertical-align: top;
   font: 400 14px consolas, courier, monospace;
   line-height: 125%;
   white-space: pre;
   max-width: 0;
 }
 script-inset-wrapped .currentLine {
   background-color: #fff;
 }
 script-inset-wrapped .currentCol {
@@ skipping 228 matching lines @@
 
 vm-connect-target > button.delete-button:hover {
   background: #ff0000;
 }
 
 /* vm-connect */
 
 vm-connect ul {
   list-style-type: none;
 }