[turbolizer] Reformat CSS file

Drive-by: Fix z-index (stacking) issue with hovers and pane
resize bars.

Change-Id: Ibd028a666681face1ccd6ec36b388f1ef25b1393
Notry: true
Bug: v8:7327
Reviewed-on: https://chromium-review.googlesource.com/c/1396420
Commit-Queue: Sigurd Schneider <sigurds@chromium.org>
Reviewed-by: Georg Neis <neis@chromium.org>
Cr-Commit-Position: refs/heads/master@{#58573}

tools/turbolizer/turbo-visualizer.css

@@ -14,7 +14,7 @@
   margin-left: 0.5em;
   border-radius: 5px;
   padding: 0.5em;
-    z-index: 5;
+  z-index: 20;
   opacity: 0.7;
   cursor: pointer;
 }
@@ -60,7 +60,7 @@ ol.linenums {
 }
 
 .line-number {
-    display:inline-block;
+  display: inline-block;
   min-width: 3ex;
   text-align: right;
   color: #444444;
@@ -76,7 +76,7 @@ ol.linenums {
   background-color: #CCCCCC;
 }
 
-.prettyprint ol.linenums > li.selected {
+.prettyprint ol.linenums>li.selected {
   background-color: #FFFF33 !important;
 }
 
@@ -84,7 +84,7 @@ li.selected .line-number {
   background-color: #FFFF33;
 }
 
-.prettyprint ol.linenums > li {
+.prettyprint ol.linenums>li {
   list-style-type: decimal;
   display: block;
 }
@@ -120,7 +120,8 @@ li.selected .line-number {
   font-size: small;
 }
 
-html, body {
+html,
+body {
   margin: 0;
   padding: 0;
   /*height: 99vh;
@@ -153,7 +154,8 @@ g.unsorted rect {
 }
 
 div.scrollable {
-    overflow-y: auto; overflow-x: hidden;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
 g.turbonode[relToHover="input"] rect {
@@ -275,7 +277,7 @@ li.L9 {
 }
 
 li.nolinenums {
-  list-style-type:none;
+  list-style-type: none;
 }
 
 ul.noindent {
@@ -284,7 +286,8 @@ ul.noindent {
   -webkit-margin-after: 0px;
 }
 
-input:hover, .collapse-pane:hover input {
+input:hover,
+.collapse-pane:hover input {
   opacity: 1;
   cursor: pointer;
 }
@@ -305,7 +308,7 @@ input:hover, .collapse-pane:hover input {
 }
 
 #middle {
-    float:left;
+  float: left;
   background-color: #F8F8F8;
   user-select: none;
 }
@@ -370,7 +373,7 @@ input:hover, .collapse-pane:hover input {
   right: 0;
   margin-top: 0.5em;
   margin-right: 0.5em;
-    z-index: 5;
+  z-index: 20;
   opacity: 0.7;
 }
 
@@ -398,9 +401,10 @@ text {
 }
 
 .resizer {
-    position:absolute;
+  position: absolute;
+  z-index: 10;
   width: 4px;
-    height:100%;
+  height: 100%;
   background: #a0a0a0;
   cursor: pointer;
 }
@@ -414,7 +418,8 @@ text {
   margin-left: 0px;
 }
 
-.resizer:hover, .resizer.dragged {
+.resizer:hover,
+.resizer.dragged {
   width: 10px;
   margin-left: -4px;
   background: orange;
@@ -492,7 +497,7 @@ text {
 
 .schedule-block .block-id {
   display: inline-block;
-    font-size:large;
+  font-size: large;
   text-decoration: underline;
   padding-left: 1ex;
 }
@@ -501,7 +506,7 @@ text {
   font-weight: bold;
 }
 
-.schedule-block > .block-id::before {
+.schedule-block>.block-id::before {
   content: "Block B";
 }
 
@@ -536,7 +541,7 @@ text {
 }
 
 .schedule-block .nodes .node * {
-    display:inline-block;
+  display: inline-block;
 }
 
 .schedule-block .nodes .node .node-id {
@@ -569,7 +574,7 @@ text {
   /* display: none; */
 }
 
-.schedule-block > .instr-marker {
+.schedule-block>.instr-marker {
   display: inline;
 }
 
@@ -577,7 +582,8 @@ text {
   padding-right: .5ex;
 }
 
-.phi-label, .instruction-id {
+.phi-label,
+.instruction-id {
   display: inline-block;
   padding-right: .5ex;
   padding-left: .5ex;
@@ -589,11 +595,16 @@ text {
   content: ":";
 }
 
-.instruction-node, .gap, .instruction {
+.instruction-node,
+.gap,
+.instruction {
   display: block;
 }
 
-.phi-contents, .instruction-contents, .gap *, .instruction * {
+.phi-contents,
+.instruction-contents,
+.gap *,
+.instruction * {
   display: inline-block;
 }
 
@@ -607,11 +618,11 @@ text {
   padding-right: .5ex;
 }
 
-.gap > *:before {
+.gap>*:before {
   content: "(";
 }
 
-.gap > *:after {
+.gap>*:after {
   content: ")";
 }
 
@@ -627,19 +638,19 @@ text {
   font-weight: bold;
 }
 
-.comma-sep-list > * {
+.comma-sep-list>* {
   padding-right: 1ex;
 }
 
-.comma-sep-list > *:after {
+.comma-sep-list>*:after {
   content: ",";
 }
 
-.comma-sep-list > *:last-child:after {
+.comma-sep-list>*:last-child:after {
   content: "";
 }
 
-.comma-sep-list > *:last-child {
+.comma-sep-list>*:last-child {
   padding-right: 0ex;
 }