From 79b3f5fd3bf1c4166d9c21aa2524802d430d1c32 Mon Sep 17 00:00:00 2001
From: Lisa Passing <mail@lislis.de>
Date: Thu, 12 Mar 2015 16:08:01 +0100
Subject: [PATCH] truly fix the commit message overflow

---
 app/styles/app/layouts/buildheader.sass | 6 ++++++
 app/styles/app/modules/tiles.sass       | 5 -----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/styles/app/layouts/buildheader.sass b/app/styles/app/layouts/buildheader.sass
index d1c83113..51d425c1 100644
--- a/app/styles/app/layouts/buildheader.sass
+++ b/app/styles/app/layouts/buildheader.sass
@@ -56,6 +56,7 @@
     margin-top: 2em
 
 .repo-main-commit
+  position: relative
   &,
   small
     margin: 0
@@ -66,6 +67,11 @@
   small
     margin-right: .3em
     font-weight: 600
+  @media #{$medium-up}
+    white-space: nowrap
+    overflow: hidden
+    &:after
+      @include fadeOut(right, -90deg, $cream-light)
 
 .repo-main-description
 
diff --git a/app/styles/app/modules/tiles.sass b/app/styles/app/modules/tiles.sass
index 8900444e..fd0f93c3 100644
--- a/app/styles/app/modules/tiles.sass
+++ b/app/styles/app/modules/tiles.sass
@@ -44,7 +44,6 @@
 
 // todo refactor
 .tile-main
-  position: relative
   h2,
   small
     margin: 0
@@ -52,15 +51,11 @@
     font-size: $font-size-m
     color: $grey3
     line-height: 1
-    white-space: nowrap
   small
     margin-right: .3em
     font-weight: 600
   a:hover
     text-decoration: underline
-  h2
-    @media #{$medium-up}
-      @include fadeOut(right, -90deg, $cream-light)
 
   @media #{$xlarge-up}
     @include grid-column(9)