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