Make commit first line go under branch if it's too long

assets/scripts/app/templates/builds/show.hbs

@@ -37,12 +37,15 @@
       </div>
     </div>
 
+    <div class="mainline">
       <div class="branch" {{bind-attr title="build.commit.branch"}}>
-      {{build.commit.branch}}
+        {{build.commit.branch}} this is a long branch name
       </div>
 
       <div class="subject">
-    - {{formatMessage build.commit.subject repoBinding=build.repo}}
+      - {{formatMessage build.commit.subject repoBinding=build.repo}} this is a
+      long commit message line
+      </div>
     </div>
 
     <pre class="body">{{formatMessage build.commit.body repoBinding=build.repo pre=true}}</pre>

assets/styles/main/summary.sass

@@ -26,11 +26,19 @@
   padding: 0 11px 0 51px
   position: relative
   min-height: 155px
+  padding-right: 240px
 
   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN4/+HDfwAJcAPPMJixRQAAAABJRU5ErkJggg=='), #fafafa
   background-size: 41px 100%
   background-repeat: no-repeat
 
+  .mainline
+    display: flex
+    width: 100%
+    flex-wrap: wrap
+    margin: 0 auto
+    align-items: flex-start
+
   .request-kind
     opacity: 0.55
     position: absolute
@@ -136,10 +144,11 @@
       line-height: 24px
 
   .right
-    margin-top: 10px
-    float: right
     width: 220px
     font-size: 11px
+    top: 10px
+    right: 10px
+    position: absolute
 
   .footer
     a