From b8d43a650df233b1ac591838746556882f404d1b Mon Sep 17 00:00:00 2001
From: David Kaltschmidt <david.kaltschmidt@gmail.com>
Date: Fri, 18 Sep 2015 12:50:45 +0200
Subject: [PATCH] allowing more boxes on same row in child traces

---
 experimental/tracer/ui/index.html | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/experimental/tracer/ui/index.html b/experimental/tracer/ui/index.html
index d7c341835..ae53d4f27 100644
--- a/experimental/tracer/ui/index.html
+++ b/experimental/tracer/ui/index.html
@@ -73,7 +73,7 @@
         var span = (this.Stop - this.Start) / parentSpan * 100;
         var offset = (this.Start - this.ParentStart) / parentSpan * 100;
 
-        return 'width:' + span + '%; margin-left:' + offset + '%;';
+        return 'width:' + span + '%; left:' + offset + '%;';
       });
 
       Handlebars.registerHelper('childStyle', function() {
@@ -266,6 +266,13 @@
         overflow: hidden;
         text-overflow: ellipsis;
       }
+      .childBoxWrapper {
+        position: absolute;
+      }
+      .childRow {
+        position: relative;
+        height: 100px;
+      }
     </style>
     <script type="text/x-handlebars-template" id="traces">
       {{#.}}
@@ -304,15 +311,18 @@
     </script>
 
     <script type="text/x-handlebars-template" id="childrenDetails">
-      <div style="{{childWrapperStyle}}">
+      <div style="{{childWrapperStyle}}" class="childBoxWrapper">
         <div title="{{childTitle}}" style="{{childStyle}}" class="childBox">
           {{childTitle}}
         </div>
-        {{>children Children}}
+        <div class="childRow">
+          {{>children Children}}
+        </div>
       </div>
     </script>
 
     <script type="text/x-handlebars-template" id="children">
+      <div class="childRow">
       {{#.}}
       {{#if ClientDetails}}
         {{>childrenDetails ClientDetails Level=../Level PID=../PID Children=../Children ParentStart=../ParentStart ParentStop=../ParentStop}}
@@ -320,6 +330,7 @@
         {{>childrenDetails ServerDetails Level=../Level PID=../PID Children=../Children ParentStart=../ParentStart ParentStop=../ParentStop}}
       {{/if}}
       {{/.}}
+      </div>
     </script>
 
     <script type="text/x-handlebars-template" id="process-template">