fixes

Author: vlascik

app/components/flame-graph.js

@@ -60,8 +60,8 @@ export default Ember.Component.extend({
       subTree = this.convert(child);
       if (subTree) {
         node.children.push(subTree);
+        treeValue += subTree.treeValue;
       }
-      treeValue += subTree.treeValue;
     }
     node.treeValue = treeValue;
     node.time = this.formatTime(node.treeValue);
@@ -81,7 +81,7 @@ export default Ember.Component.extend({
       for (let p in obj) {
         if (obj.hasOwnProperty(p) && p !== 'own') {
           if (typeof obj[p] === 'object') {
-            if (p !== 'time') {
+            if (p !== 'time' || (p === 'time' && Object.keys(obj[p]).length > 1)) {
               let padded = p + pad.repeat(13).substring(0, pad.length * 13 - p.length * 6);
               str += '&nbsp;'.repeat(indent) + padded + (indent <= 0 ? '<br/>' : '') + objToString(obj[p]);
             }
@@ -105,8 +105,7 @@ export default Ember.Component.extend({
       let time = _this.formatTime(d.data.treeValue);
       let percent = " [" + (((d.data.treeValue / _this.get('totalTime')) * 100).toFixed(1)) + "%]";
       let self = " (self: " + _this.formatTime(d.data.stats.time.self) + ")";
-      let res = d.data.name + "<br/>" + time + percent + self + "<br/>" + objToString(d.data.stats);
-      return res;
+      return d.data.name + "<br/>" + time + percent + self + "<br/>" + objToString(d.data.stats);
     };
 
     let clientHeight = document.getElementsByClassName('flame-graph')[0].clientHeight;

app/styles/app.css

@@ -1,16 +1,10 @@
 body {
-  /*margin-top: 3.5rem;*/
+  margin-top: 3.5rem;
 }
 
 html,
-body {
-  height: 100%;
-}
-
-body > [class="ember-view"] {
-  height: 100%;
-}
-
+body,
+body > [class="ember-view"],
 .flame-graph {
   height: 100%;
 }
@@ -55,7 +49,7 @@ body > [class="ember-view"] {
   display: inline-block;
   position: relative;
   width: 100%;
-  /*padding-bottom: 100%;*/
+  padding-bottom: 100%;
   vertical-align: top;
   overflow: hidden;
   cursor: move;