Fix splitter styling

Author: mstange

src/components/calltree/Butterfly.css

@@ -7,3 +7,38 @@
   min-height: 0;
   flex: 1;
 }
+
+/* Provide 3px extra grabbable surface on each side of the splitter */
+.butterflyWrapper .splitter-layout > .layout-splitter {
+  position: relative; /* containing block for absolute ::before */
+  border: none;
+  background-color: var(--base-border-color) !important;
+}
+
+.butterflyWrapper .splitter-layout > .layout-splitter::before {
+  position: absolute;
+  z-index: var(--z-bottom-box);
+  display: block;
+  content: '';
+}
+
+.butterflyWrapper
+  .splitter-layout:not(.splitter-layout-vertical)
+  > .layout-splitter {
+  width: 1px;
+}
+.butterflyWrapper
+  .splitter-layout:not(.splitter-layout-vertical)
+  > .layout-splitter::before {
+  inset: 0 -3px;
+}
+
+.butterflyWrapper .splitter-layout.splitter-layout-vertical > .layout-splitter {
+  height: 1px;
+  margin-bottom: -1px;
+}
+.butterflyWrapper
+  .splitter-layout.splitter-layout-vertical
+  > .layout-splitter::before {
+  inset: -3px 0;
+}

src/profile-logic/call-tree.ts

@@ -664,8 +664,6 @@ export class CallTree {
         iconSrc,
         icon,
         ariaLabel,
-        rawTotal: total,
-        rawSelf: self,
       };
       this._displayDataByIndex.set(callNodeIndex, displayData);
     }