fix things iwith Piotr

app/controllers/builds-item.coffee

@@ -1,6 +1,7 @@
 `import Ember from 'ember'`
 `import { colorForState } from 'travis/utils/helpers'`
 `import GithubUrlProperties from 'travis/mixins/github-url-properties'`
+`import { gravatarImage } from 'travis/utils/urls'`
 
 Controller = Ember.ObjectController.extend(GithubUrlProperties,
   needs: ['builds']
@@ -10,6 +11,10 @@ Controller = Ember.ObjectController.extend(GithubUrlProperties,
   color: (->
     colorForState(@get('build.state'))
   ).property('build.state')
+
+  urlAuthorGravatarImage: (->
+    gravatarImage(@get('commit.authorEmail'), 40)
+  ).property('commit.authorEmail')
 )
 
 `export default Controller`

app/styles/app/modules/tiles.sass

@@ -98,8 +98,16 @@
 // build history etc
 .tile--build
   .tile-main
+    @media #{$small-only}
+      h2
+        line-height: $line-height-m
+        margin-bottom: 1em
     @media #{$medium-up}
+      white-space: nowrap
+      overflow: hidden
       border-right: solid 1px $grey4
+      &:after
+        @include fadeOut(right, -90deg, $cream-light)
     @media #{$xlarge-up}
       @include grid-column(8)
   .tile-additional

app/templates/builds.hbs

@@ -17,7 +17,7 @@
           {{/if}}
           {{{format-message build.commit.message short="true" repoBinding=build.repo}}}
         </h2>
-        <p class="tile-author"><img src="//placehold.it/25x25" alt=""> {{build.commit.committerName}} commited</p>
+        <p class="tile-author"><img {{bind-attr src="build.urlAuthorGravatarImage"}} alt="">{{build.commit.committerName}} commited</p>
       </div>
       <div class="column tile-additional medium-6 end">
         <div class="column small-6">
@@ -32,7 +32,7 @@
           <p class="">
             <a {{bind-attr href="build.urlGithubCommit"}}>
               <span class="icon icon-github"></span>
-              {{format-commit build.commit}}
+              {{format-sha build.commit.sha}}
             </a>
           </p>
         </div>

app/templates/repos/show/actions.hbs

@@ -34,7 +34,7 @@
   {{/if}}
   {{#if view.displayCodeClimate}}
       <a href="#" name="code-climate"
-        {{action "codeClimatePopup" target=view}} class="button-circle"
+        {{action "codeClimatePopup" target=view}} class="button-circle open-popup"
         {{bind-attr class=":open-popup"}} title="Test Coverage with Code Climate">
         <span class="icon icon--codeclimate"></span>
       </a>

app/views/build.coffee

@@ -2,9 +2,8 @@
 `import BasicView from 'travis/views/basic'`
 
 View = BasicView.extend
-  classNameBindings: ['color', 'loading']
+  classNameBindings: ['color']
   buildBinding: 'controller.build'
-  loadingBinding: 'controller.loading'
 
   color: (->
     colorForState(@get('build.state'))

app/views/repo-actions.coffee

@@ -65,6 +65,7 @@ View = BasicView.extend
 
     codeClimatePopup: ->
       @popupCloseAll()
+      console.log('repo-actions view')
       @popup('code-climate')
       return false