get spacing and icons right

app/styles/app/layouts/build-job.sass

@@ -3,7 +3,7 @@
     color: $color
   &:hover
     background-color: $color-bg
-    .job-env,
+    // .job-env,
     .job-lang
       &:after
         @include fadeOut(right, -90deg, $color-bg)
@@ -12,10 +12,10 @@
 .tile--jobs
   padding: 0.5em 0.4em 0.4em 3.5rem
   margin-bottom: 0.35rem
-  
+
   @media #{$medium-up}
     height: 38px
-  
+
   a
     color: $grey1
   .tile-status--job
@@ -31,7 +31,9 @@
     .icon--lang
       height: 1em
       width: 1.4em
+      margin-right: .4em
     .icon--env
+      margin-right: .4em
       width: 1.1em
 
   @media #{$medium-up}
@@ -40,34 +42,41 @@
       float: left
       white-space: nowrap
       padding: 0
+      overflow: hidden
     .job-id
       width: grid-calc(3, 24)
+      border-right: solid 1px $grey4
       max-width: 82px
     .job-os
       width: grid-calc(1, 24)
+      text-align: center
       max-width: 30px
     .job-lang
-      width: grid-calc(5, 24)
+      width: grid-calc(6, 24)
       max-width: 180px
       &:after
         @include fadeOut(right, -90deg, $cream-light)
     .job-env
-      width: grid-calc(9, 24)
+      width: grid-calc(8, 24)
       max-width: 395px
-      &:after
-        @include fadeOut(right, -90deg, $cream-light)
+      // &:after
+      //   @include fadeOut(right, -90deg, $cream-light)
     .job-duration
       width: grid-calc(6, 24)
       max-width: 165px
+      float: right
+
   @media #{$xlarge-up}
     .job-id
       width: grid-calc(2, 24)
     .job-os
       width: grid-calc(1, 24)
+      margin: 0 1.5em
     .job-lang
-      width: grid-calc(5, 24)
+      width: grid-calc(8, 24)
+      margin-right: 2em
     .job-env
-      width: grid-calc(11, 24)
+      width: grid-calc(9, 24)
     .job-duration
       width: grid-calc(4, 24)
 
@@ -82,4 +91,4 @@
     @include colorJobs($created-color, #f4efd8)
 
 .is-empty
-  opacity: .4
+  opacity: .3

app/styles/app/modules/icons.sass

@@ -49,7 +49,10 @@
   background-image: inline-image('dashboard/status-passed.svg')
 
 .icon-status.started,
-.icon-status.created
+.icon-status.queued,
+.icon-status.booting,
+.icon-status.received,
+.icon-status.created,
   background-image: inline-image('dashboard/status-pending.svg')
 
 .icon.push

public/images/svg/icon-job-errored.svg

@@ -4,9 +4,11 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="15.188px" height="15.229px" viewBox="0 0 15.188 15.229" enable-background="new 0 0 15.188 15.229" xml:space="preserve">
 <g>
-	<path fill="#A0A09F" d="M6.345,9.028c0.049,0.598,0.58,1.086,1.179,1.086h0.307c0.6,0,1.13-0.488,1.18-1.086l0.654-7.941
-		C9.715,0.489,9.265,0,8.665,0H6.692c-0.6,0-1.05,0.489-1,1.086L6.345,9.028z"/>
-	<path fill="#A0A09F" d="M7.68,11.785c-0.896,0-1.609,0.713-1.609,1.609C6.071,14.289,6.783,15,7.68,15
-		c0.895,0,1.606-0.71,1.606-1.605C9.286,12.498,8.574,11.785,7.68,11.785z"/>
+	<g>
+		<path fill="#DB4242" d="M5.924,9.031c0.049,0.598,0.579,1.086,1.179,1.086h0.307c0.6,0,1.13-0.488,1.18-1.086l0.654-7.942
+			c0.05-0.597-0.4-1.086-1-1.086H6.27c-0.6,0-1.05,0.489-1,1.086L5.924,9.031z"/>
+	</g>
+	<path fill="#DB4242" d="M7.258,11.788c-0.896,0-1.608,0.713-1.608,1.609c0,0.895,0.712,1.605,1.608,1.605
+		c0.895,0,1.606-0.71,1.606-1.605C8.865,12.501,8.153,11.788,7.258,11.788z"/>
 </g>
 </svg>