add nice show more button

app/styles/app/layouts/buildheader.sass

@@ -49,6 +49,10 @@
       margin-bottom: 1em
       border-bottom: solid $cream-dark 2px
 
+.repo-main
+  .button--showmore
+    margin-top: 2em
+
 .repo-main-commit
   &,
   small
@@ -87,6 +91,7 @@
   margin-right: 1.4em
   border-right: $cream-dark 1px solid
   line-height: $line-height-m
+  overflow: hidden
   &:after
     @include fadeOut(right, -90deg, $cream-light)
   a

app/styles/app/modules/buttons.sass

@@ -114,6 +114,7 @@ $button-border-color: #d4d4d4
   @extend %border-radius-4px
   &:hover,
   &:active
+    border: none
     background-color: lighten(#696867, 10)
   &:focus
     background-color: #696867
@@ -122,3 +123,14 @@ $button-border-color: #d4d4d4
   width: 1.7em
   height: 1.7em
   border-radius: 50%
+
+.button--showmore
+  height: auto
+  padding: 0.3em 0.7em
+  font-size: $font-size-m
+  .icon
+    width: 1.1em
+    height: 0.65em
+    margin-right: .5em
+
+

app/templates/show-more-button.hbs

@@ -1 +1 @@
-{{view.label}}
+<span class="icon icon--eye"></span>{{view.label}}

app/views/show-more-button.coffee

@@ -2,6 +2,7 @@
 
 View = Ember.View.extend
   tagName: 'button'
+  classNames: ['button button--grey button--showmore']
   classNameBindings: ['isLoading', 'showMore']
   showMore: true
   attributeBindings: ['disabled']