fix long repo and branch name issue

app/styles/app/layouts/branches.sass

@@ -42,10 +42,6 @@
   @media #{$medium-up}
     & > div:first-of-type
       width: 26%
-      position: relative
-      &:after
-        content: ""
-        @include fadeOut(right, -90deg, $white)
     & > div:nth-of-type(2)
       width: 20%
     & > div:nth-of-type(3)

app/styles/app/layouts/dashboard.sass

@@ -1,12 +1,11 @@
-// .two-line,
-// .one-line
-//   @media #{$medium-up}
-//     white-space: nowrap
-//     position:relative
-//     overflow: hidden
-//     &:after
-//       content: ""
-//       @include fadeOut(right, -90deg, $white)
+.fade-out
+  @media #{$medium-up}
+    white-space: nowrap
+    position:relative
+    overflow: hidden
+    &:after
+      content: ""
+      @include fadeOut(right, -90deg, $white)
 
 @mixin colorDashboardTiles($color, $status, $color2: $color)
   &.#{$status}

app/templates/components/branch-row.hbs

@@ -1,4 +1,4 @@
-<div class="two-line">
+<div class="two-line fade-out">
   <div class="row-name"> 
     <h2 class="row-item">{{status-icon status=build.last_build.state}}
     <span class="label-align">{{build.name}}</span></h2>

app/templates/components/dashboard-row.hbs

@@ -1,12 +1,12 @@
 
-<div class="two-line">
+<div class="two-line fade-out">
   <div class="row-name row-item"> 
     <h3>{{#link-to "owner" repo.owner.login}}{{status-icon status=repo.last_build.state}} {{repo.owner.login}}{{/link-to}}</h3>
     <h2>{{#link-to "repo" repo.owner.login repo.name}}<span class="label-align">{{repo.name}}</span>{{/link-to}}</h2>
   </div>
 </div>
 
-<div class="one-line">
+<div class="one-line fade-out">
   <div class="row-request">
     <div class="row-item">
     {{#link-to "build" repo.owner.login repo.name repo.last_build.id}}

app/templates/components/owner-repo-tile.hbs

@@ -1,7 +1,7 @@
 {{!-- {{#if repo.private }}
   <div class="tile-lock"><span class="icon icon-lock"></span></div>
 {{/if}} --}}
-<div class="repo">
+<div class="repo fade-out">
   <h2 class="repo-title">
   {{status-icon status=repo.default_branch.last_build.state}}
   {{#link-to "repo" ownerName repoName }}
@@ -27,7 +27,7 @@
       <span>{{repo.default_branch.last_build.number}}</span>
     {{/link-to}}
   </div>
-  <div class="branch">
+  <div class="branch fade-out">
     {{request-icon build=repo.default_branch.last_build}}
     <span class="label-align">{{repo.default_branch.name}}</span>