diff --git a/src/laminar.cpp b/src/laminar.cpp
index 85a1e5d..4a1d57f 100644
--- a/src/laminar.cpp
+++ b/src/laminar.cpp
@@ -184,6 +184,7 @@ void Laminar::sendStatus(LaminarClient* client) {
             j.set("number", run->build);
             j.set("node", run->node->name);
             j.set("started", run->startedAt);
+            j.set("reason", run->reason());
             j.EndObject();
         }
         j.EndArray();
@@ -245,6 +246,11 @@ void Laminar::sendStatus(LaminarClient* client) {
             j.set("number", run->build);
             j.set("node", run->node->name);
             j.set("started", run->startedAt);
+            db->stmt("SELECT completedAt - startedAt FROM builds WHERE name = ? ORDER BY completedAt DESC LIMIT 1")
+             .bind(run->name)
+             .fetch<int>([&](int etc){
+                j.set("etc", time(0) + etc);
+            });
             j.EndObject();
         }
         j.EndArray();
@@ -585,6 +591,7 @@ void Laminar::assignNewJobs() {
                  .startObject("data")
                  .set("queueIndex", std::distance(it,queuedJobs.begin()))
                  .set("name", run->name)
+                 .set("queued", run->startedAt - run->queuedAt)
                  .set("started", run->startedAt)
                  .set("number", run->build)
                  .set("reason", run->reason());
@@ -644,6 +651,8 @@ void Laminar::runFinished(const Run * r) {
             .startObject("data")
             .set("name", r->name)
             .set("number", r->build)
+            .set("queued", r->startedAt - r->queuedAt)
+            .set("completed", completedAt)
             .set("duration", completedAt - r->startedAt)
             .set("started", r->startedAt)
             .set("result", to_string(r->result))
diff --git a/src/resources/index.html b/src/resources/index.html
index b761ea0..5f7530e 100644
--- a/src/resources/index.html
+++ b/src/resources/index.html
@@ -5,6 +5,7 @@
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="apple-mobile-web-app-capable" content="yes" />
  <link rel="apple-touch-icon-precomposed" href="/favicon-152.png">
  <title>Laminar</title>
  <script src="/js/angular.min.js"></script>
diff --git a/src/resources/js/app.js b/src/resources/js/app.js
index 94f7c02..f1c8641 100644
--- a/src/resources/js/app.js
+++ b/src/resources/js/app.js
@@ -181,6 +181,15 @@ angular.module('laminar',['ngRoute','ngSanitize'])
 			$scope.tags = Object.keys(tags);
 			$scope.$apply();
 		},
+		job_completed: function(data) {
+			for(var i in $scope.jobs) {
+				if($scope.jobs[i].name === data.name) {
+					$scope.jobs[i] = data;
+					$scope.$apply;
+					break;
+				}
+			}
+		}
 	});
 })
 .controller('JobController', function($rootScope, $scope, $routeParams, $ws) {
@@ -228,16 +237,13 @@ angular.module('laminar',['ngRoute','ngSanitize'])
 		},
 		job_started: function(data) {
 			$scope.nQueued--;
-			if(data.name == $routeParams.name) {
-				$scope.jobsQueued.splice($scope.jobsQueued.length - 1,1);
-				$scope.jobsRunning.splice(0,0,data);
-				$scope.$apply();
-			}
+			$scope.jobsRunning.splice(0,0,data);
+			$scope.$apply();
 		},
 		job_completed: function(data) {
 			for(var i = 0; i < $scope.jobsRunning.length; ++i) {
 				var job = $scope.jobsRunning[i];
-				if(job.name == data.name && job.number == data.number) {
+				if(job.number === data.number) {
 					$scope.jobsRunning.splice(i,1);
 					$scope.jobsRecent.splice(0,0,data);
 					$scope.$apply();
@@ -258,15 +264,17 @@ angular.module('laminar',['ngRoute','ngSanitize'])
 
 	$scope.name = $routeParams.name;
 	$scope.num = parseInt($routeParams.num);
+
 	$ws.statusListener({
 		status: function(data) {
 			$rootScope.title = data.title;
 			$rootScope.updateProgress(data);
 			$scope.job = data;
+			$scope.latestNum = data.latestNum;
 			$scope.$apply();
 		},
 		job_started: function() {
-			$scope.job.latestNum++;
+			$scope.latestNum++;
 			$scope.$apply();
 		},
 		job_completed: function(data) {
diff --git a/src/resources/tpl/browse.html b/src/resources/tpl/browse.html
index 7041ab5..dc75ec9 100644
--- a/src/resources/tpl/browse.html
+++ b/src/resources/tpl/browse.html
@@ -12,10 +12,10 @@
  <table class="table table-striped" id="joblist">
   <tr class="animate-repeat" ng-repeat="job in jobs | filter:bytag | filter:search">
    <td><a href="jobs/{{job.name}}">{{job.name}}</a></td>
-   <td class="text-center"><span ng-bind-html="runIcon(job.result)"></span> <a href="jobs/{{job.name}}/{{job.numberumber}}">#{{job.number}}</a></td>
+   <td class="text-center"><span ng-bind-html="runIcon(job.result)"></span> <a href="jobs/{{job.name}}/{{job.number}}">#{{job.number}}</a></td>
    <td class="text-center">{{formatDate(job.started)}}</a></td>
   </tr>
  </table>
 </div>
 </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/resources/tpl/run.html b/src/resources/tpl/run.html
index 21df207..76854ef 100644
--- a/src/resources/tpl/run.html
+++ b/src/resources/tpl/run.html
@@ -5,7 +5,7 @@
  <nav class="pull-left">
   <ul class="pagination" style="margin:15px 20px">
    <li><a href="jobs/{{name}}/{{num-1}}">&laquo;</a></li>
-   <li ng-show="job.latestNum > num"><a ng-href="jobs/{{name}}/{{num+1}}">&raquo;</a></li>
+   <li ng-show="latestNum > num"><a ng-href="jobs/{{name}}/{{num+1}}">&raquo;</a></li>
   </ul>
  </nav>
  <div style="clear:both;"></div>
@@ -13,8 +13,8 @@
   <dt>Reason</dt><dd>{{job.reason}}</dd>
   <dt>Queued for</dt><dd>{{job.queued}}s</dd>
   <dt>Started</dt><dd>{{formatDate(job.started)}}</dd>
-  <dt>Completed</dt><dd>{{formatDate(job.completed)}}</dd>
-  <dt>Duration</dt><dd>{{job.duration}}s</dd>
+  <dt ng-show="job.result">Completed</dt><dd ng-show="job.result">{{formatDate(job.completed)}}</dd>
+  <dt ng-show="job.result">Duration</dt><dd ng-show="job.result">{{job.duration}}s</dd>
  </dl>
 </div>
 <div class="col-sm-7 col-md-6 col-lg-5">