From f8207c75da317d6bd2f6d3bdb706b61ef35decb6 Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Mon, 20 Apr 2015 16:15:45 +0200
Subject: [PATCH] restyle repo tiles for owner

---
 app/styles/app/layouts/owner.sass | 43 +++++++++++++++++++------------
 app/styles/app/modules/tiles.sass |  7 +++--
 app/templates/owner.hbs           |  4 +--
 3 files changed, 32 insertions(+), 22 deletions(-)

diff --git a/app/styles/app/layouts/owner.sass b/app/styles/app/layouts/owner.sass
index 3b49c515..93204115 100644
--- a/app/styles/app/layouts/owner.sass
+++ b/app/styles/app/layouts/owner.sass
@@ -38,27 +38,38 @@
 
   h2
     font-size: 20px
-
-  .tile-additional
-    font-size: $font-size-m;
-    @media #{$medium-up}
-      padding-left: 2em
+    white-space: nowrap
 
   .tile-status .icon-status
     margin-top: 1.3em
 
-  p .icon
-    width: 1em
-    height: 1em
-    &.icon-github
-      width: .9em
-      height: 1.2em
-
-  .tile-single,
-  .tile-single a
-    line-height: 3em
-    color: #969496
+  .tile-single
+    position: relative
+    color: $grey1
+    p
+      padding: .1em 0
+      line-height: 3em
+      font-size: $font-size-m
+      .icon
+        margin-right: .3em
+        width: 1em
+        height: 1.1em
+        vertical-align: middle
+        &.icon-github
+          width: .9em
+          height: 1.2em
+    a
+      color: $grey1
+      &:hover
+        color: $grey1
+        text-decoration: underline
 
+  .tile-main
+    position: relative
+    overflow: hidden
+    &:after
+      content: ""
+      @include fadeOut(right, -90deg, $cream-light)
 
 .tabs--owner
   padding : 0 $column-gutter/2
diff --git a/app/styles/app/modules/tiles.sass b/app/styles/app/modules/tiles.sass
index feadd990..ad7e284c 100644
--- a/app/styles/app/modules/tiles.sass
+++ b/app/styles/app/modules/tiles.sass
@@ -74,8 +74,8 @@
   a:hover
     text-decoration: underline
 
-  @media #{$xlarge-up}
-    @include grid-column(9)
+  // @media #{$xlarge-up}
+  //   @include grid-column(9)
 
 .tile-additional
   position: relative
@@ -135,8 +135,7 @@
     bottom: 0
 
 // build history etc
-.tile--build,
-.owner-tiles
+.tile--build
   .tile-main
     @media #{$small-only}
       h2
diff --git a/app/templates/owner.hbs b/app/templates/owner.hbs
index 325b8e82..a7f6f00a 100644
--- a/app/templates/owner.hbs
+++ b/app/templates/owner.hbs
@@ -42,7 +42,7 @@
             <h3>owner</h3>
             <h2>{{#link-to "repo" repo.owner.login repo.name}}repo namerepo namerepo namerepo namerepo namerepo namerepo name{{/link-to}}</h2>
           </div>
-          <div class="tile-additional tile-single column medium-9 end">
+          <div class="tile-single column medium-9 end">
             <p class="tile-job build-status column medium-3 small-6"><span class="icon icon-hash"></span>
               {{#link-to "build" repo.owner.login repo.name repo.last_build.id}}
                 {{!-- {{repo.last_build.number}} {{repo.last_build.state}} --}}
@@ -73,7 +73,7 @@
             <h3>owner</h3>
             <h2>{{#link-to "repo" repo.owner.login repo.name}}repo name{{/link-to}}</h2>
           </div>
-          <div class="tile-additional tile-single column medium-9 end">
+          <div class="tile-single column medium-9 end">
             <p class="tile-job build-status column medium-3 small-6"><span class="icon icon-hash"></span>
               {{#link-to "build" repo.owner.login repo.name repo.last_build.id}}
                 {{!-- {{repo.last_build.number}} {{repo.last_build.state}} --}}