change template for build history

new icon vor show more btn

app/components/show-more-button.coffee

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

app/styles/app/layouts/pull-requests.sass

@@ -8,6 +8,7 @@
     display: flex
     justify-content: space-between
     flex-flow: row wrap
+    align-items: center
 
     .two-line
       padding: 0
@@ -18,6 +19,9 @@
     .row-committer
       padding-left: 1.6em
 
+    .row-message
+      margin-bottom: .5em
+
     .two-line:first-of-type
       flex: 0 0 55%
       padding-left: .5em

app/styles/app/modules/buttons.sass

@@ -35,19 +35,6 @@ $button-border-color: #d4d4d4
   border-bottom-color: #2356c4
   background-color: #40454f
 
-.show-more
-  background-color: #F2F2EB
-  display: inline-block
-  color: #666
-  padding: 6px 15px
-  text-decoration: none
-  border: 1px solid #DDD
-.show-more:hover
-  background-color: #40454F
-  color: $white
-  border: 1px solid #40454F
-  cursor: pointer
-
 .button--signin,
 .button--signingin
   display: inline-block
@@ -122,15 +109,6 @@ $button-border-color: #d4d4d4
   &:focus
     background-color: #696867
 
-.button--showmore
-  height: auto
-  padding: 0.3em 0.7em
-  font-size: $font-size-m
-  .icon
-    width: 1.1em
-    height: 0.7em
-    margin-right: .5em
-
 .button--delete
   @extend .button
   border-radius: 2px
@@ -245,3 +223,13 @@ $button-border-color: #d4d4d4
 .button-cancel
   @include buttons(#A0A8A8)
 
+.showmore-button
+  padding-left: 2em
+  background:
+    repeat: no-repeat
+    size: auto 20px
+    position: 4px 1px
+  cursor: pointer
+  @extend .button--grey
+  @extend %icon-line-eye
+

app/styles/app/modules/icons.sass

@@ -91,6 +91,9 @@
   @extend %icon-line-commit
 
 
+%icon-line-eye
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23f2f2f2" d="M17.4 9.6c-.1-.2-3.3-4.1-7.4-4.1s-7.3 4-7.4 4.1c-.2.2-.2.6 0 .8.1.2 3.3 4.1 7.4 4.1s7.3-4 7.4-4.1c.2-.2.2-.6 0-.8zM10 13.2c-2.8 0-5.2-2.3-6.1-3.2.9-.9 3.3-3.2 6.1-3.2s5.2 2.3 6.1 3.2c-.9.9-3.3 3.2-6.1 3.2z"/><path fill="%23f2f2f2" d="M10 7c-1.5 0-2.6 1.3-2.6 3s1.2 3 2.6 3 2.6-1.3 2.6-3-1.1-3-2.6-3zm0 4.7c-.7 0-1.3-.7-1.3-1.7s.6-1.7 1.3-1.7 1.3.7 1.3 1.7-.6 1.7-1.3 1.7z"/></svg>')
+
 %icon-line-question
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.7 15"><style>.st0{fill:%23949899;}</style><g id="helpquestion"><path class="st0" d="M4.1 11.5c-.4 0-.6-.3-.7-.6 0-.1-.1-3.3 2.5-4.8C7 5.5 7.6 4.4 7.3 3.2c-.2-.9-1.1-1.9-2.9-1.9-1 0-1.8.3-2.3.8-.8.9-.8 2.2-.8 2.3 0 .3-.2.6-.6.6-.4 0-.7-.2-.7-.6 0-.1-.1-1.9 1.2-3.2C2 .4 3 0 4.4 0c2.1 0 3.7 1.1 4.2 2.9.4 1.7-.4 3.4-2 4.4-1.9 1.1-1.9 3.5-1.8 3.6 0 .3-.3.6-.7.6z"/><circle class="st0" cx="4.1" cy="14.1" r=".9"/></g></svg>')
 %icon-line-question-teal

app/templates/components/builds-item.hbs

@@ -8,12 +8,16 @@
       {{/link-to}}
     {{else}}
       {{#link-to "build" build.repo build}}
-        <small>{{build.commit.branch}}</small>
-        {{{format-message build.commit.message short="true" repoBinding=build.repo}}}
+        {{build.commit.branch}}
       {{/link-to}}
     {{/if}}
   </h2>
   <div class="row-item row-committer">
+    {{#unless build.isPullRequest}}
+      <div class="row-message">
+        {{{format-message build.commit.message short="true" repoBinding=build.repo}}}
+      </div>
+    {{/unless}}
     <img class="avatar" src={{urlAuthorGravatarImage}} alt="{{build.commit.committerName}} avatar">
     <span class="label-align">{{build.commit.committerName}} committed</span>
   </div>

app/templates/components/show-more-button.hbs

@@ -1 +1 @@
-<span class="icon icon--eye"></span>{{buttonLabel}}
+{{buttonLabel}}

public/images/line-icons/icon-view.svg

@@ -1,9 +1,16 @@
-<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
-	<g id="View">
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="View">
+	<g>
 		<path fill="#A7AEAE" d="M17.4,9.6c-0.1-0.2-3.3-4.1-7.4-4.1s-7.3,4-7.4,4.1c-0.2,0.2-0.2,0.6,0,0.8c0.1,0.2,3.3,4.1,7.4,4.1
 			s7.3-4,7.4-4.1C17.6,10.2,17.6,9.8,17.4,9.6z M10,13.2c-2.8,0-5.2-2.3-6.1-3.2C4.8,9.1,7.2,6.8,10,6.8c2.8,0,5.2,2.3,6.1,3.2
 			C15.2,10.9,12.8,13.2,10,13.2z"/>
+	</g>
+	<g>
 		<path fill="#A7AEAE" d="M10,7c-1.5,0-2.6,1.3-2.6,3s1.2,3,2.6,3s2.6-1.3,2.6-3S11.5,7,10,7z M10,11.7c-0.7,0-1.3-0.7-1.3-1.7
 			S9.3,8.3,10,8.3s1.3,0.7,1.3,1.7S10.7,11.7,10,11.7z"/>
 	</g>
+</g>
 </svg>