Fix Observatory virtual-collection layout issues

runtime/observatory/lib/src/elements/css/shared.css

 /* Global styles */
 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
 
 body {
   padding-top: 56px;
   color: #333;
@@ skipping 441 matching lines @@
   bottom: 0;
   left: 0;
   right: 0;
   top: 560px;
 }
 
 allocation-profile .collection.expanded {
   top: 160px;
 }
 
+allocation-profile .container {
+  padding-left: 5%;
+  padding-right: 5%;
+}
+
 allocation-profile .collection-item {
+  background-color: #FFFFFF;
   box-sizing: border-box;
   line-height: 20px;
-  margin-left: 5%;
-  margin-right: 5%;
+}
+
+allocation-profile .collection-item:hover {
+  background-color: #d2e7fe;
+}
+
+allocation-profile .header .collection-item:hover {
+  background-color: #FFFFFF;
 }
 
 allocation-profile .header .collection-item:last-child {
   margin-bottom: -3px;
   border-bottom: solid 1px #AAAAAA;
 }
 
 allocation-profile .header .collection-item span {
   font-weight: bolder;
 }
 
 allocation-profile .collection-item :nth-child(2n+2).group,
-allocation-profile .collection-item :nth-child(4n+3).bytes,
-allocation-profile .collection-item :nth-child(4n+3).instances,
-allocation-profile .collection-item :nth-child(4n+4).bytes,
-allocation-profile .collection-item :nth-child(4n+4).instances {
+allocation-profile .collection-item :nth-child(4n+3),
+allocation-profile .collection-item :nth-child(4n+4) {
   background-color: #EEEEEE;
 }
 
 allocation-profile .collection-item:hover :nth-child(2n+2).group,
-allocation-profile .collection-item:hover :nth-child(4n+3).bytes,
-allocation-profile .collection-item:hover :nth-child(4n+3).instances,
-allocation-profile .collection-item:hover :nth-child(4n+4).bytes,
-allocation-profile .collection-item:hover :nth-child(4n+4).instances {
+allocation-profile .collection-item:hover :nth-child(4n+3),
+allocation-profile .collection-item:hover :nth-child(4n+4) {
   background-color: #afd5fd;
 }
 
+allocation-profile .header .collection-item :nth-child(2n+1).group,
+allocation-profile .header .collection-item :nth-child(4n+1),
+allocation-profile .header .collection-item :nth-child(4n+2) {
+  background-color: #FFFFFF;
+}
+
 allocation-profile .header .collection-item :nth-child(2n+2).group,
-allocation-profile .header .collection-item :nth-child(4n+3).bytes,
-allocation-profile .header .collection-item :nth-child(4n+3).instances,
-allocation-profile .header .collection-item :nth-child(4n+4).bytes,
-allocation-profile .header .collection-item :nth-child(4n+4).instances {
+allocation-profile .header .collection-item :nth-child(4n+3),
+allocation-profile .header .collection-item :nth-child(4n+4) {
   background-color: #DDDDDD;
 }
 
-allocation-profile .scroller .collection-item:hover {
-  background-color: #d2e7fe;
-}
-
 allocation-profile .collection-item .group {
-  background-color: white;
   display: inline-block;
   width: 12em;
   text-align: right;
   padding-right: 0.5em;
   line-height: 20px;
   border-right: solid 1px #AAAAAA;
 }
 
 allocation-profile .collection-item .bytes {
-  background-color: white;
   display: inline-block;
   width: 6em;
   text-align: right;
   line-height: 20px;
   padding-right: 0.5em;
 }
 
 allocation-profile .collection-item .instances {
-  background-color: white;
   display: inline-block;
   width: 6em;
   text-align: right;
   padding-right: 0.5em;
   line-height: 20px;
   border-right: solid 1px #AAAAAA;
 }
 
 allocation-profile .collection-item .name {
-  background-color: white;
   padding-left: 0.5em;
+  display: inline-block;
 }
 
 allocation-profile .collection-item > button,
 allocation-profile .collection-item > button:active {
   background-color: transparent;
   color: #0489c3;
   border-style: none;
 }
 
 allocation-profile .collection-item > button:hover {
@@ skipping 34 matching lines @@
 
 class-tree virtual-tree {
   position: absolute;
   height: auto;
   top: 60px;
   bottom: 0;
   left: 0;
   right: 0;
 }
 
+class-tree virtual-tree .container {
+  padding-left: 10%;
+  padding-right: 10%;
+}
+
 class-tree virtual-tree .class-tree-item {
   line-height: 25px;
   height: 25px;
-  padding-left: 10%;
-  padding-right: 10%;
 }
 
 class-tree virtual-tree .class-tree-item .name {
   margin-left: 0.5em;
 }
 
 /* code-view */
 
 code-view .table {
   table-layout: fixed;
@@ skipping 1845 matching lines @@
   position: relative;
   display: block;
   overflow-y: auto;
   width: 100%;
   height: 100%;
 }
 
 virtual-collection .header {
   background: white;
   position: relative;
-  display: inline-block;
+  display: block;
   min-width: 100%;
   z-index: +1;
 }
 
 virtual-collection .scroller {
   overflow: hidden;
   background: transparent;
   display: inline-block;
   min-width: 100%;
 }
 
 virtual-collection .shifter {
   background: transparent;
   position: relative;
   display: inline-block;
   min-width: 100%;
 }
 
-virtual-collection .header > *,
-virtual-collection .shifter > * {
-  display: inline-block;
+virtual-collection .header > div,
+virtual-collection .shifter > div {
   min-width: 100%;
   white-space: nowrap;
 }
 
 /* virtual-tree */
 
 virtual-tree .expander {
   display: inline-block;
   text-align: center;
   font-weight: bold;
@@ skipping 67 matching lines @@
 
 vm-connect-target > button.delete-button:hover {
   background: #ff0000;
 }
 
 /* vm-connect */
 
 vm-connect ul {
   list-style-type: none;
 }