fade out long commit messages

app/styles/app/modules/build-header.sass

@@ -78,6 +78,13 @@
 
 .commit-description
   margin: 1rem 0
+  @media #{$medium-up}
+    max-height: 4.5em
+    position: relative
+    overflow: hidden
+    &:after
+      conent: ""
+      +fadeOut(bottom, 360deg, white, 5%)
 
 .list-icon
   padding: 0

app/styles/app/modules/row.sass

@@ -12,6 +12,7 @@
   line-height: 1.5
 
 .row-li
+  position: relative
   border: 1px solid $cream-dark
   font-size: 16px
   margin-bottom: .3rem

app/templates/components/build-header.hbs

@@ -10,12 +10,15 @@
     {{/if}}
   </h2>
   <div class="commit-info">
+
+  {{#if commit.body }}
     <p class="commit-description">
       {{#if item.pullRequest}}
         {{format-message commit.subject repo=item.repo}}<br>
       {{/if}}
       <span class="monospace">{{format-message commit.body repo=item.repo pre=true}}</span>
     </p>
+  {{/if}}
     <ul class="list-icon">
       <li>
         <a class="commit-commit" title="See the commit on GitHub" href={{urlGithubCommit}}>

app/templates/repo.hbs

@@ -12,7 +12,7 @@
         </div>
         <div class="repo-badge">
           <a href="#" id="status-image-popup" title="build status image" name="status-images" class="open-popup" {{action "statusImages"}}>
-            <img src={{statusImageUrl}} alt="Build Status Images"/>
+            <img src={{statusImageUrl}} alt="build:{{build.state}}"/>
           </a>
         </div>
       </header>