From fc18c185cc01d140d0fc9f89001085fba43e552d Mon Sep 17 00:00:00 2001
From: Piotr Sarnacki <drogus@gmail.com>
Date: Thu, 18 Dec 2014 21:52:49 +0100
Subject: [PATCH] Change request-kind background to have flexible height

---
 assets/scripts/app/templates/builds/show.hbs |  4 +-
 assets/styles/main/summary.sass              | 49 ++++++++++----------
 2 files changed, 25 insertions(+), 28 deletions(-)

diff --git a/assets/scripts/app/templates/builds/show.hbs b/assets/scripts/app/templates/builds/show.hbs
index cf71dc13..f35ce981 100644
--- a/assets/scripts/app/templates/builds/show.hbs
+++ b/assets/scripts/app/templates/builds/show.hbs
@@ -2,9 +2,7 @@
   <span>Loading</span>
 {{else}}
   <div id="new-summary">
-    <div class="request-kind">
-      <div {{bind-attr class=":kind-icon build.eventType"}}>
-      </div>
+    <div {{bind-attr class=":request-kind build.eventType"}} >
     </div>
     <div class="right">
       <div class="build-status">
diff --git a/assets/styles/main/summary.sass b/assets/styles/main/summary.sass
index 695059cf..268561e4 100644
--- a/assets/styles/main/summary.sass
+++ b/assets/styles/main/summary.sass
@@ -23,11 +23,32 @@
 #new-summary
   @include clearfix
   @include border-radius(4px)
-  background-color: #fafafa
-  padding: 0 11px 0 0
+  padding: 0 11px 2.5em 51px
   position: relative
+  min-height: 143px
+
+  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN4/+HDfwAJcAPPMJixRQAAAABJRU5ErkJggg=='), #fafafa
+  background-size: 41px 100%
+  background-repeat: no-repeat
+
+  .request-kind
+    opacity: 0.55
+    position: absolute
+    top: 15px
+    left: 11px
+    background-size: contain
+    background-repeat: no-repeat
+    height: 21px
+    width: 21px
+
+    &.push
+      background-image: inline-image('icons/push.svg')
+
+    &.pull_request
+      background-image: inline-image('icons/pull-request.svg')
 
   .branch
+    margin-right: 5px
     font-weight: bold
     color: #6c878e
     font-size: 16px
@@ -40,7 +61,7 @@
   .subject
     font-size: 15px
     color: #6c878e
-    margin-top: 10px
+    margin-top: 11px
     overflow: hidden
     margin-right: 2px
     line-height: 20px
@@ -122,28 +143,6 @@
     width: 220px
     font-size: 11px
 
-  .request-kind
-    background-color: #e8e9ea
-    opacity: 0.6
-    float: left
-    position: relative
-    display: block
-    height: 140px
-    margin-right: 10px
-    padding: 15px 10px 0 10px
-    
-    .kind-icon.push
-      background: inline-image('icons/push.svg') no-repeat
-      background-size: contain
-      height: 21px
-      width: 21px
-
-    .kind-icon.pull_request
-      background: inline-image('icons/pull-request.svg') no-repeat 2px
-      background-size: contain
-      height: 21px
-      width: 21px
-
   .footer
     a
       color: #818181