From eb03818bd7d58e4029a59cfba99e2733f2f2e41f Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Fri, 13 Mar 2015 11:48:49 +0100
Subject: [PATCH] color job number links

---
 app/styles/app.scss               |  6 ++---
 app/styles/app/modules/tiles.sass | 39 ++++++++++++++++++++-----------
 app/templates/jobs.hbs            |  4 ++--
 3 files changed, 31 insertions(+), 18 deletions(-)

diff --git a/app/styles/app.scss b/app/styles/app.scss
index 229574e0..e4babee2 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -23,7 +23,7 @@
 @import "app/main/log";
 // @import "app/main/repository";
 @import "app/main/sponsors";
-@import "app/main/summary";
+// @import "app/main/summary";
 // @import "app/main/tools";
 @import "app/main";
 @import "app/maximize";
@@ -37,8 +37,8 @@
 @import "app/right/sponsors";
 @import "app/right";
 @import "app/settings";
-@import "app/stats";
-@import "app/status";
+// @import "app/stats";
+// @import "app/status";
 @import "app/tabs";
 @import "app/tipsy";
 
diff --git a/app/styles/app/modules/tiles.sass b/app/styles/app/modules/tiles.sass
index f0d04114..4913be60 100644
--- a/app/styles/app/modules/tiles.sass
+++ b/app/styles/app/modules/tiles.sass
@@ -6,6 +6,10 @@
   .build-status a
     color: $color
 
+@mixin colorJobs($color)
+  .build-status a
+    color: $color
+
 .tile
   @extend border-radius-4px
   overflow: hidden
@@ -21,19 +25,28 @@
     width: 1.2em
     height: 0.9em
 
-  &.started,
-  &.created
-    @include colorTiles($start-color)
-  &.failed
-    @include colorTiles($fail-color)
-  &.errored
-    @include colorTiles($error-color)
-  &.canceled
-    @include colorTiles($cancel-color)
-  &.passed
-    @include colorTiles($pass-color)
-  &.inactive
-    @include colorTiles($cancel-color)
+  &:not(.tile--jobs)
+    &.started,
+    &.created
+      @include colorTiles($start-color)
+    &.failed
+      @include colorTiles($fail-color)
+    &.errored
+      @include colorTiles($error-color)
+    &.canceled
+      @include colorTiles($cancel-color)
+    &.passed
+      @include colorTiles($pass-color)
+    &.inactive
+      @include colorTiles($cancel-color)
+
+  &.tile--jobs
+    &.failed
+      @include colorJobs($fail-color)
+    &.errored
+      @include colorJobs($cancel-color)
+    &.passed
+      @include colorJobs($pass-color)
 
   @media #{$medium-up}
     height: 145px
diff --git a/app/templates/jobs.hbs b/app/templates/jobs.hbs
index 4bc8f2bc..78e4c05f 100644
--- a/app/templates/jobs.hbs
+++ b/app/templates/jobs.hbs
@@ -13,7 +13,7 @@
 
     {{#each job in view.jobs}}
       {{#view 'jobs-item' context=job}}
-        <div class="tile tile--small tile--jobs row">
+        <div {{bind-attr class=":tile :tile--small :tile--jobs :row job.state" }}>
           <div class="tile-status tile-status--job">
             <span {{bind-attr class=":icon :icon--job job.state"}}></span>
           </div>
@@ -24,7 +24,7 @@
           </div>
 
           <div class="tile-additional medium-8 columns end">
-            <p class="columns small-6 medium-2">
+            <p class="columns small-6 medium-2 build-status">
               <span class="icon icon--hash"></span>
               {{#if job.id}}
                 {{#if job.repo.slug}}