more padding and grid nudging

app/styles/app/layouts/requests.sass

@@ -16,6 +16,7 @@
   .rejected:hover
     @include colorRequests(#fbebe6)
 
+  margin-top: 2.5rem
   color: #969496
   a:hover
     text-decoration: underline
@@ -32,18 +33,6 @@
     @media #{$medium-up}
       padding-left: 2em
       border-left: 1px solid $grey4
-    @media #{$xlarge-up}
-      width: grid-calc(3, 24)
-
-  .requests-branch
-    @media #{$medium-only}
-      strong
-        display: none
-    @media #{$large-only}
-      strong
-        display: none
-    @media #{$xlarge-up}
-      width: grid-calc(5, 24)
 
   .tile--jobs
     padding-left: 2.5em
@@ -53,3 +42,20 @@
     height: .8em
   .icon.pull_request
     height: 1.5em
+
+  @media #{$medium-up}
+    .requests-time
+      width: grid-calc(4, 24)
+    .requests-branch
+      width: grid-calc(4, 24)
+    .requests-commit
+      width: grid-calc(9, 24)
+    .requests-build
+      width: grid-calc(2, 24)
+    .requests-message
+      width: grid-calc(5, 24)
+  @media #{$large-up}
+    .requests-time
+      width: grid-calc(3, 24)
+    .requests-branch
+      width: grid-calc(5, 24)

app/templates/requests.hbs

@@ -13,9 +13,9 @@
         <span {{bind-attr class=":icon :icon--job requestClass"}}></span>
       </div>
 
-      <p class="jobs-item requests-time column medium-2">{{format-time created_at}}</p>
+      <p class="jobs-item requests-time column">{{format-time created_at}}</p>
 
-      <p class="jobs-item requests-branch column medium-2">
+      <p class="jobs-item requests-branch column">
         <span {{bind-attr class=":icon :icon--grey type"}}></span>
         {{#if isPullRequest}}
           <strong>#{{pullRequestNumber}}</strong>
@@ -25,11 +25,11 @@
         {{github-commit-link repo.slug commit.sha}}
       </p>
 
-      <p class="jobs-item requests-commit column medium-5 large-4">
+      <p class="jobs-item requests-commit column">
         {{{format-message commit.message short="true" repoBinding=build.repo}}}
         </p>
 
-      <p class="jobs-item column medium-1">
+      <p class="jobs-item requests-build column">
         {{#if build}}
           <span class="icon icon-hash"></span>
           {{#link-to "build" build}}
@@ -38,7 +38,7 @@
           -
         {{/if}}
       </p>
-      <p class="jobs-item requests-message column medium-2 large-3">{{message}}</p>
+      <p class="jobs-item requests-message column">{{message}}</p>
     </div>
   {{/each}}
 </ul>