Adjusted margin on dividers and forced some better breaks in the copy

This commit is contained in:
Justine Arreche 2015-03-30 11:31:46 +02:00
parent d29193f396
commit 136a7a3e63
2 changed files with 9 additions and 9 deletions
app
styles/app
templates

View File

@ -144,7 +144,7 @@
.branch-bf .branch-bf
.bf .bf
display: inline-block display: inline-block
max-width: 120px width: 120px
p p
font-size: 1em font-size: 1em
@ -152,11 +152,11 @@
color: #5f6062 color: #5f6062
.divider-line .divider-line
width: 60px width: 50px
height: 3px height: 3px
background: #eaeaec background: #eaeaec
display: inline-block display: inline-block
margin: 0 10px 0 10px margin-bottom: 75px
.user-testimonials .user-testimonials
p p

View File

@ -104,13 +104,13 @@
<div class="branch-bf"> <div class="branch-bf">
<div class="bf"> <div class="bf">
<img src="../images/landing-page/push-icon-1.svg"> <img src="../images/landing-page/push-icon-1.svg">
<p>You push your code to Github</p> <p>You push your<br>code to Github</p>
</div> </div>
<div class="divider-line"> <div class="divider-line">
</div> </div>
<div class="bf"> <div class="bf">
<img src="../images/landing-page/push-icon-2.svg"> <img src="../images/landing-page/push-icon-2.svg">
<p>Github triggers Travis CI to build</p> <p>Github triggers<br>Travis CI to build</p>
</div> </div>
<div class="divider-line"> <div class="divider-line">
</div> </div>
@ -122,20 +122,20 @@
</div> </div>
<div class="bf"> <div class="bf">
<img src="../images/landing-page/push-icon-4.svg"> <img src="../images/landing-page/push-icon-4.svg">
<p>Travis CI deploys to Heroku</p> <p>Travis CI deploys<br>to Heroku</p>
</div> </div>
<div class="divider-line"> <div class="divider-line">
</div> </div>
<div class="bf"> <div class="bf">
<img src="../images/landing-page/push-icon-5.svg"> <img src="../images/landing-page/push-icon-5.svg">
<p>Travis CI tells the team all is good</p> <p>Travis CI tells the<br>team all is good</p>
</div> </div>
</div> </div>
<h2>Pull Request build flow</h2> <h2>Pull Request build flow</h2>
<div class="branch-bf"> <div class="branch-bf">
<div class="bf"> <div class="bf">
<img src="../images/landing-page/pull-icon-1.svg"> <img src="../images/landing-page/pull-icon-1.svg">
<p>A pull request is created</p> <p>A pull request<br>is created</p>
</div> </div>
<div class="divider-line"> <div class="divider-line">
</div> </div>
@ -159,7 +159,7 @@
</div> </div>
<div class="bf"> <div class="bf">
<img src="../images/landing-page/pull-icon-5.svg"> <img src="../images/landing-page/pull-icon-5.svg">
<p>You merge in the PR goodness</p> <p>You merge in<br>the PR goodness</p>
</div> </div>
</div> </div>
</div> </div>