format jobs and include exist code, duration, etc

cmd/drone-server/static/scripts/drone.js

@@ -200,9 +200,9 @@
             templateUrl: '/static/scripts/views/builds/show/content.html',
             controller: 'BuildOutCtrl',
             resolve: resolveUser
-          },
-          title: 'Build Job'
-        }
+          }
+        },
+        title: 'Build'
       });
 
     // Enables html5 mode

cmd/drone-server/static/scripts/views/builds/show/content.html

@@ -24,6 +24,11 @@
                             <div class="param" ng-repeat="(key, value) in job.environment">
                               {{ key.toUpperCase() }}={{ value }}
                             </div>
+                            <div class="meta-group">
+                                <div class="meta">finished {{ job.started_at | fromNow }}</div>
+                                <div class="meta">duration of {{ job.finished_at - job.started_at | toDuration }}</div>
+                                <div class="meta">with exit code {{ job.exit_code }}</div>
+                            </div>
                         </div>
                     </a>
                 </div>

cmd/drone-server/static/styles/main.css

@@ -171,7 +171,7 @@ main aside > div {
     font-weight:300;
 }
 
-@media (-webkit-min-device-pixel-ratio: 1) {
+@media (-webkit-max-device-pixel-ratio: 1) {
     .console pre {
         font-weight:400;
         line-height:20px;
@@ -364,8 +364,24 @@ main aside > div {
 .job-list > li div.param:first-child {
     margin-top:9px;
 }
-
-
+.job-list > a div.meta,
+.job-list > li div.meta {
+  margin-top: 5px;
+  color: #a7adba;
+}
+.job-list > a div.meta-group {
+    padding-top:10px;
+    display:none;
+}
+.job-list > a.active div.meta-group {
+    display:block;
+}
+.job-list:not(.matrix-list) > a div.meta:first-child {
+  color: #4c555a;
+  margin-top: -2px;
+  padding-bottom: 5px;
+  font-size: 14px;
+}
 
 li menu {
     position:absolute;