Milo UI tweaks

milo/appengine/frontend/templates/pages/build.html

 {{define "title"}}
   {{ with .Build.Summary -}}
     {{ if eq .Status.String "InfraFailure" }}
       Infra Failure
     {{ else if eq .Status.String "Exception" }}
       Exception
     {{ else if eq .Status.String "Failure" }}
       Failed
     {{ else if eq .Status.String "NotRun" }}
       Pending
@@ skipping 136 matching lines @@
       {{ end }}
 
       {{ if or .Build.Components .Build.Summary.SubLink }}
         <h2>Steps and Logfiles:</h2>
         Show:
         <input type="radio" name="hider" id="showAll">
           <label for="showAll">All</label>
         <input type="radio" name="hider" id="showStandard" checked>
           <label for="showStandard">Standard</label>
         <input type="radio" name="hider" id="showInteresting">
-          <label for="showInteresting">Interesting Only</label>
+          <label for="showInteresting">Non-Green Only</label>
         <ol id="steps" class="standard">
 
           {{ with .Build.Summary }}
             {{ if .SubLink }}
             <li class="verbosity-{{.Verbosity.String}}">
               <div class="status-{{.Status}} result">
-                <b>Steps</b>
                 {{ if .Duration -}}
-                <span style="float:right"
-                      class="duration"
+                <span class="duration"
                       data-starttime="{{ .Started | formatTime }}"
                       {{ if .Finished }}data-endtime="{{ .Finished | formatTime }}"{{ end }}>
                       ( {{ .Duration | humanDuration }} )</span>
                 {{- end }}
+                <b>Steps</b>
               </div>
               <ul>
                 {{ range .SubLink  }}
-                <li>{{ . | linkifySet }}</li>
+                <li class="sublink">{{ . | linkifySet }}</li>
                 {{ end }}
               </ul>
             </li>
             {{ end }}
           {{ end }}
 
           {{ range .Build.Components  }}
           <li class="verbosity-{{.Verbosity.String}}">
             <div class="status-{{.Status}} result">
-              <b>{{.Label}}</b>
               {{ if .Duration -}}
-              <span style="float:right"
-                    class="duration"
+              <span class="duration"
                     data-starttime="{{ .Started | formatTime }}"
                     {{ if .Finished }}data-endtime="{{ .Finished | formatTime }}"{{ end }}>
                     ( {{ .Duration | humanDuration }} )</span>
               {{- end }}
+              <b>{{.Label}}</b>
               <span>
                 {{ range .Text -}}
                   <div class="step-text">
                     {{- if . -}}{{- . -}}{{- else -}}&nbsp;{{- end -}}
                   </div>
                 {{- end }}
               </span>
             </div>
             <ul>
               {{ if .MainLink }}
-                <li>{{.MainLink | linkifySet}}</li>
+                <li class="sublink">{{.MainLink | linkifySet}}</li>
                 {{- if eq .Verbosity.String "Interesting" -}}
                   {{ range .MainLink }}
                     <link rel="prerender" href="{{.URL}}">
                     <link rel="prefetch" href="{{.URL}}">
                   {{ end }}
                 {{ end }}
               {{- end }}
               {{ range .SubLink }}
-                <li>{{. | linkifySet}}</li>
+                <li class="sublink">{{. | linkifySet}}</li>
               {{ end }}
               {{ if not (or .MainLink .SubLink) }}
-                <li> - no logs - </li>
+                <li class="sublink"> - no logs - </li>
               {{ end }}
             </ul>
           </li>
           {{ end }}
         </ol>
       {{ end }} <!-- if .Build.Components -->
 
     </div>
 
     <div class="column">
 
       <h2>Build Properties:</h2>
 
-      <table class="info" width="100%">
+      <table class="info BuildProperties" width="100%">
       <tr><th>Name</th><th>Value</th><th>Source</th></tr>
 
         {{ range .Build.PropertyGroup }}
         {{ $name := .GroupName }}
           {{ range .Property }}
             <tr>
               <td class="left">{{.Key}}</td>
-              <td>{{.Value}}</td>
+              <td class="middle"><abbr title="{{.Value}}">{{.Value}}</abbr></td>
               <td>{{$name}}</td>
             </tr>
           {{ end }}
         {{ end }}
       </table>
 
       {{ if .Build.Blame }}
         <h2>Blamelist:</h2>
         <ol>
         {{ range .Build.Blame }}
@@ skipping 98 matching lines @@
   });
 
   $("input[name='hider']").each(function(){
     if ($(this).prop("checked")) {
       $(this).click();
     }
   });
 });
 </script>
 {{end}}