From 8f152c11a9b4053e6155f6bc0c5707ab2344009e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20M=C3=A9tais?= <gael.metais@gmail.com>
Date: Tue, 9 Sep 2014 10:35:49 +0200
Subject: [PATCH] Improve timeline

---
 app/node_views/results.html       | 2 +-
 app/public/scripts/resultsCtrl.js | 4 ++++
 app/public/styles/results.css     | 4 ++--
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/node_views/results.html b/app/node_views/results.html
index eeffda8..1dbbfc3 100644
--- a/app/node_views/results.html
+++ b/app/node_views/results.html
@@ -139,7 +139,7 @@
                     <div class="domCreation"><div class="color"></div>DOM creation</div>
                     <div class="domContentLoaded"><div class="color"></div>DOM content loaded event</div>
                     <div class="domContentLoadedEnd"><div class="color"></div>Page completion</div>
-                    <div class="domComplete"><div class="color"></div>Page completed</div>
+                    <div class="domComplete"><div class="color"></div>Page is complete</div>
                 </div>
             </div>
 
diff --git a/app/public/scripts/resultsCtrl.js b/app/public/scripts/resultsCtrl.js
index b7c0f17..1f3cf85 100644
--- a/app/public/scripts/resultsCtrl.js
+++ b/app/public/scripts/resultsCtrl.js
@@ -216,6 +216,10 @@ app.controller('ResultsCtrl', function ($scope) {
         $scope.slowRequestsOn = false;
         $scope.slowRequestsLimit = 5;
 
+        if (!$scope.javascript.children) {
+            return;
+        }
+
 
         // Now read the tree and display it on a timeline
         
diff --git a/app/public/styles/results.css b/app/public/styles/results.css
index e26feec..711f229 100644
--- a/app/public/styles/results.css
+++ b/app/public/styles/results.css
@@ -144,7 +144,7 @@ h4 {
     background: #E0FFD1;
 }
 .timeline .domContentLoaded .color {
-    background: #99FF66;
+    background: #A7E846;
 }
 .timeline .domContentLoadedEnd.interval {
     background: #D8F0F0;
@@ -172,7 +172,7 @@ h4 {
     top: 0.4em;
     height: 1.5em;
     width: 1.5em;
-    border-radius: 0.5em;
+    border-radius: 0.2em;
     margin: 0 0.2em 0 1em;
 }