Fixed Observatory class-view crash

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 429 matching lines @@
 }
 
 /* cpu-profile-virtual-tree */
 
 cpu-profile-virtual-tree {
   display: block;
   height: 600px;
 }
 
 cpu-profile-virtual-tree .tree-item {
+  box-sizing: border-box;
   line-height: 30px;
   height: 30px;
   padding-left: 5%;
   padding-right: 5%;
 }
 
 cpu-profile-virtual-tree .tree-item > .inclusive,
 cpu-profile-virtual-tree .tree-item > .exclusive,
 cpu-profile-virtual-tree .tree-item > .percentage {
   display: inline-block;
@@ skipping 286 matching lines @@
   height: 100%;
 }
 
 observatory-application > div {
   display: block;
   height: 100%;
 }
 
 /* sample-buffer-control */
 
+sample-buffer-control {
+  white-space: nowrap;
+}
+
 sample-buffer-control .statusMessage {
   font-size: 150%;
   font-weight: bold;
 }
 
 sample-buffer-control .statusBox {
   height: 100%;
   padding: 1em;
 }
 
 sample-buffer-control .center {
   align-items: center;
   justify-content: center;
 }
 
 sample-buffer-control .notice {
   background-color: #fcf8e3;
 }
 
 sample-buffer-control .red {
   background-color: #f2dede;
 }
 
 sample-buffer-control .shadow {
   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16),
               0 2px 5px 0 rgba(0, 0, 0, 0.26);
 }
 
+/* stack-trace-tree-config */
+
+stack-trace-tree-config {
+  white-space: nowrap;
+}
+
 /* view-footer */
 
 view-footer {
   padding: 1em;
   padding-top: 10.3em;
   float: right;
   align-content: right;
 }
 
 view-footer > a {
   margin-bottom: 0.17em;
   font-size: 90%;
   float: right;
   clear: both;
   display: block;
 }
 
 /* virtual-collection */
 
 virtual-collection {
   display: block;
   overflow-y: scroll;
   width: 100%;
   height: 100%;
 }
 
 virtual-collection .scroller {
-  position: relative;
   overflow: hidden;
   background: transparent;
+  display: inline-block;
+  min-width: 100%;
 }
 
 virtual-collection .shifter {
   background: transparent;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
+  position: relative;
+  display: inline-block;
+  min-width: 100%;
 }
 
 virtual-collection .shifter > * {
-  display: block;
-  position: relative;
-  top: -25%;
-  width: 100%;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow-x: hidden;
+  display: inline-block;
+  min-width: 100%;
   white-space: nowrap;
 }
 
 /* virtual-tree */
 
 virtual-tree .expander {
   display: inline-block;
   text-align: center;
   font-weight: bold;
   font-size: 18px;
@@ skipping 57 matching lines @@
 
 vm-connect-target > button.delete-button:hover {
   background: #ff0000;
 }
 
 /* vm-connect */
 
 vm-connect ul {
   list-style-type: none;
 }