Wrap commit body into a pre tag.

This follows the idea that the message can contain useful things
like ASCII diagrams or wonderful art.

Related to travis-ci/travis-ci#2003.

assets/scripts/app/helpers/helpers.coffee

@@ -40,7 +40,9 @@ require 'config/emoij'
     message = @_emojize(@_escape(message))
     if !!options.repo
       message = @githubify(message, options.repo.get('owner'), options.repo.get('name'))
-    message.replace /\n/g, '<br/>'
+    if !!options.pre
+      message = message.replace /\n/g, '<br/>'
+    message
 
   pathFrom: (url) ->
     (url || '').split('/').pop()

assets/scripts/app/models/commit.coffee

@@ -10,5 +10,16 @@ require 'travis/model'
   authorEmail:       Ember.attr('string')
   committerName:     Ember.attr('string')
   committerEmail:    Ember.attr('string')
+  subject:           Ember.attr('string')
+  body:              Ember.attr('string')
 
   build: Ember.belongsTo('Travis.Build')
+
+  subject: ( ->
+    @get('message').split("\n", 1)[0]
+  ).property('message')
+
+  body: ( ->
+    message = @get('message')
+    message.substr(message.indexOf("\n") + 1).trim()
+  ).property('message')

assets/scripts/app/templates/builds/show.hbs

@@ -46,7 +46,10 @@
 
 
     <dt>Message</dt>
-    <dd class="message">{{formatMessage build.commit.message repoBinding=build.repo}}</dd>
+    <dd class="message">
+      {{formatMessage build.commit.subject repoBinding=build.repo}}
+      <pre class="body">{{formatMessage build.commit.body repoBinding=build.repo pre=true}}</pre>
+    </dd>
   </dl>
 
   {{#unless build.isMatrix}}

assets/scripts/app/templates/jobs/show.hbs

@@ -43,7 +43,10 @@
         </div>
       {{/with}}
       <dt>Message</dt>
-      <dd class="message">{{formatMessage job.commit.message repoBinding=job.repo}}</dd>
+      <dd class="message">
+        {{formatMessage job.commit.subject repoBinding=job.repo}}
+        <pre>{{formatMessage job.commit.body repoBinding=job.repo pre=true}}</pre>
+      </dd>
     </dl>
 
     {{view Travis.AnnotationsView annotationsBinding="view.annotations"}}

assets/styles/main/summary.sass

@@ -29,5 +29,13 @@
     white-space: nowrap
 
   .message
-    white-space: pre-wrap
+    white-space: normal
     min-width: 0
+  
+    pre
+      font-size: 12px
+      display: inline-block
+      width: 100%
+      line-height: 20px
+      margin-bottom: 0
+      font-family: Monaco, 'Liberation Mono', Courier, monospace