get icon coloring right

app/components/branch-row.coffee

@@ -55,6 +55,7 @@ BranchRowComponent = Ember.Component.extend
 
     viewAllBuilds: (branch) ->
       console.log('view all builds')
+      @transitionToRoute('builds')
     # updateFilter: (value) ->
     #   @set('_lastFilterValue', value)
     #   Ember.run.throttle this, @updateFilter, [], 200, false

app/components/status-icon.coffee

@@ -4,7 +4,7 @@ StatusIconComponent = Ember.Component.extend
 
   tagName: 'span'
   classNames: ['status-icon']
-  classNameBindings: ['build.last_build.state']
+  classNameBindings: ['build.last_build.state', 'build.state']
 
   hasPassed: (->
     @get('build.last_build.state') == 'passed' ||

app/styles/app/components/build-tile.sass

@@ -1,7 +1,8 @@
 @mixin buildTileColors($color, $bg, $status)
   > .#{$status}
     background-color: $bg
-    .icon-request g > *
+    .icon-request g > *,
+    .status-icon g > *
       fill: $color
     &:hover
       background-color: $color

app/styles/app/layouts/branches.sass

@@ -6,8 +6,8 @@
       color: $color
       &:hover
         border-color: $color
-    .status-icon g > *,
-    .icon-request g > *
+    .branch-name .status-icon g > *,
+    .branch-request .icon-request g > *
       fill: $color
 
 .branches

app/templates/components/branch-row.hbs

@@ -135,7 +135,7 @@
   </div>
   <div class="dropup--blue">
     <ul>
-      <li><a href="#">
+      <li><a {{action 'tiggerBuild'}}>
         <span class="icon-trigger">
           <svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
             <g id="Trigger">
@@ -148,7 +148,7 @@
         </span>
         Trigger a build</a>
       </li>
-      <li><a href="#">
+      <li><a {{action 'viewAllBuilds'}}>
         <span class="icon-eye">
           <svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
             <g id="View">