add moire breakpoint for row spacing

app/components/branch-row.coffee

@@ -76,13 +76,13 @@ BranchRowComponent = Ember.Component.extend
     if @get('auth.signedIn')
       options.headers = { Authorization: "token #{@auth.token()}" }
     $.ajax("#{apiEndpoint}/v3/repo/#{repoId}/requests", options).then (response) =>
-      @.set('isTriggering', false)
-      @.set('hasTriggered', true)
+      @set('isTriggering', false)
+      @set('hasTriggered', true)
   )
 
   actions:
     tiggerBuild: (branch) ->
-      @.set('isTriggering', true)
+      @set('isTriggering', true)
       @triggerBuild()
 
     viewAllBuilds: (branch) ->

app/styles/app/layouts/branches.sass

@@ -75,6 +75,13 @@
     & > div:nth-of-type(5)
       width: 25%
 
+  @media #{$xlarge-up}
+    & > div:first-of-type
+      width: 28%
+  @media (min-width: 2000px)
+    & > div:first-of-type
+      width: 30%
+
   @include statusColors($green-dark, 'passed')
   @include statusColors($red-dark, 'failed')
   @include statusColors($red-dark, 'errored')