From 0d2dbbf9e20f567ce4daaef9fdfbf44b9c18bb10 Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Fri, 13 Mar 2015 15:25:28 +0100
Subject: [PATCH] more icon fun

---
 app/styles/app/modules/icons.sass | 10 ++++++++++
 app/styles/app/modules/tiles.sass | 17 ++++++++++++++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/app/styles/app/modules/icons.sass b/app/styles/app/modules/icons.sass
index a7ee42c4..d3dcd83a 100644
--- a/app/styles/app/modules/icons.sass
+++ b/app/styles/app/modules/icons.sass
@@ -99,6 +99,16 @@
     width: 0.4em
     height: 1em
     font-size: 24px
+.icon--job.started,
+.icon--job.created,
+.icon--started-yellow
+  &:after
+    content: "..."
+    display: block
+    width: 0.4em
+    height: 1em
+    font-size: 24px
+
 .icon--lang
   background-image: inline-image('svg/icon-language.svg')
 .icon--linux,
diff --git a/app/styles/app/modules/tiles.sass b/app/styles/app/modules/tiles.sass
index 29d057fc..2dfa79b2 100644
--- a/app/styles/app/modules/tiles.sass
+++ b/app/styles/app/modules/tiles.sass
@@ -47,6 +47,9 @@
       @include colorJobs($cancel-color)
     &.passed
       @include colorJobs($pass-color)
+    &.started,
+    &.created
+      @include colorJobs($start-color)
 
   @media #{$medium-up}
     height: 145px
@@ -58,7 +61,7 @@
 .tile--small
   margin-bottom: 1em
   @media #{$medium-up}
-    height: 60px
+    height: 70px
     overflow: hidden
 
 // todo refactor
@@ -124,8 +127,6 @@
     margin: -0.5em auto 0
   .icon--job
     @extend %absolute-center
-  .errored
-    width: .5em
 
 .tile-author
   img
@@ -164,6 +165,16 @@
 // job matrix
 .tile--jobs
   margin-bottom: 0.3em
+  @media #{$medium-up}
+    height: 60px
+  .icon.errored
+    width: .5em
+  .icon.started,
+  .icon.created
+    &:after
+      width: .8em
+      color: $start-color
+      margin-top: -0.3em
   .tile-main
     .icon
       margin-right: .3em