some hbs and style stuff

app/styles/app/_mixins/mixins.sass

@@ -8,7 +8,7 @@
   background-clip: padding-box
   border-radius 4px
 
-@mixin fadeOut($position, $angle, $color)
+@mixin fadeOut($position, $angle, $color, $width: 0%)
   content: ""
   display: block
   position: absolute
@@ -23,7 +23,7 @@
     width: 2em
     height: 100%
 
-  background: linear-gradient($angle, rgba($color, 1) 0%, rgba($color, 0) 100%)
+  background: linear-gradient($angle, rgba($color, 1) $width, rgba($color, 0) 100%)
 
 @mixin clearfix
   &:before,

app/styles/app/layouts/requests.sass

@@ -1,15 +1,19 @@
 .requests
   @include resetul
+
+  color: #969496
   
-  .requests-commit
+  .requests-commit,
+  .requests-branch
     position: relative
     &:after
       content: ""
-      @include fadeOut(right, -90deg, $cream-light)
+      @include fadeOut(right, -90deg, $cream-light, 20%)
 
   .requests-time
-    border-left: 1px solid $grey4
-    padding-left: 1em
+    @media #{$medium-up}
+      padding-left: 2em
+      border-left: 1px solid $grey4
 
   .tile--jobs
     padding-left: 2.5em

app/templates/requests.hbs

@@ -17,12 +17,17 @@
     {{!-- time --}}
     <p class="jobs-item requests-time column medium-2">{{format-time created_at}}</p>
     {{!-- request branch commit --}}
-    <p class="jobs-item column medium-2">
+    <p class="jobs-item requests-branch column medium-2">
       <span {{bind-attr class=":icon :icon--grey type"}}></span>
+      {{#if isPullRequest}}
+        #{{pullRequestNumber}}
+      {{else}}
+        {{branchName}}
+      {{/if}}
       {{github-commit-link repo.slug commit.sha}}
     </p>
     {{!-- commit message --}}
-    <p class="jobs-item requests-commit column medium-4">{{{format-message commit.message short="true" repoBinding=build.repo}}}</p>
+    <p class="jobs-item requests-commit column medium-5">{{{format-message commit.message short="true" repoBinding=build.repo}}}</p>
     {{!-- job id --}}
     <p class="jobs-item column medium-1">
       {{#if build}}
@@ -34,7 +39,7 @@
       {{/if}}
     </p>
     {{!-- comment --}}
-    <p class="jobs-item column medium-3">{{message}}</p>
+    <p class="jobs-item column medium-2">{{message}}</p>
 
     </div>
   {{/each}}