milo: put line breaks between step text strings

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

 {{define "title"}}{{.Build.Summary.Label}}{{end}}
 
 {{define "head"}}{{end}}
 
 {{define "body"}}
   <div class="content">
     <h1>{{.Build.Summary.Label}}</h1>
 
     <div class="column">
 
       <h2>Results:</h2>
       {{ if eq .Build.Summary.Status.String "Running" }}
         <p class="running result">Build running
       {{ else if eq .Build.Summary.Status.String "Success" }}
         <p class="success result">Build successful
       {{ else if eq .Build.Summary.Status.String "InfraFailure" }}
         <p class="exception result">Internal Failure
       {{ else if eq .Build.Summary.Status.String "Failure" }}
         <p class="failure result">Failed
       {{ else }}
         <p class="failure result">Unknown status {{.Build.Summary.Status.String }}
         <!--- TODO(hinoka): step text -->
       {{ end }}
       <span class="subtitle">
-        {{ range .Build.Summary.Text }}{{ . }}{{ end }}
+        {{ range .Text }}<div class="step-text">{{ . }}</div>{{ end }}
       </span>
       </p>
 
 
       {{ if .Build.SourceStamp }}
       {{ with .Build.SourceStamp }}
 
       <h2>SourceStamp:</h2>
 
       <table class="info" width="100%">
@@ skipping 33 matching lines @@
           <p>{{ .Source }}</p>
         {{ end }}
       {{ end }}
 
       <h2>Steps and Logfiles:</h2>
       <ol>
         {{ range .Build.Components  }}
         <li>
           <div class="status-{{.Status}} result">
             <b>{{.Label}}</b>
-            {{ range .Text }} {{ . }} {{ end }}
+            <span>
+              {{ range .Text }}<div class="step-text">{{ . }}</div>{{ end }}
+            </span>
             &nbsp;<span style="float:right">( {{ .Duration | humanDuration }} )</span>
           </div>
           <ul>
             {{ if .MainLink }}
               <li><a href="{{.MainLink.URL}}">{{.MainLink.Label}}</a></li>
             {{ end }}
             {{ range .SubLink }}
               <li><a href="{{.URL}}">{{.Label}}</a></li>
             {{ end }}
             {{ if not (or .MainLink .SubLink) }}
@@ skipping 84 matching lines @@
 <script>
 (function() {
   'use strict';
   var startedSpan = document.getElementById('started-time');
   var finishedSpan = document.getElementById('finished-time');
   startedSpan.textContent = milo.formatDate('{{ .Build.Summary.Started }}');
   finishedSpan.textContent = milo.formatDate('{{ .Build.Summary.Finished }}');
 })();
 </script>
 {{end}}