From cdcf013fb60d4822018e5af48f2a3ab4cc4af1c3 Mon Sep 17 00:00:00 2001
From: Justine Arreche <justinearreche@gmail.com>
Date: Tue, 31 Mar 2015 20:51:56 +0200
Subject: [PATCH] fixed some wrapper issues and h1 h2 margin issues

---
 app/styles/app/landing.sass | 18 ++++++++++++------
 app/templates/home.hbs      | 28 +++++++++++++++-------------
 2 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/app/styles/app/landing.sass b/app/styles/app/landing.sass
index 2fac9aa4..cdec1ca1 100644
--- a/app/styles/app/landing.sass
+++ b/app/styles/app/landing.sass
@@ -1,7 +1,7 @@
 .top.landing-page .topbar,
 .wrapper.centered .topbar
   margin: 0 auto
-  max-width: 1200px
+  max-width: 1024px
 
 .top.landing-page .topbar
   background-color: #fff
@@ -15,6 +15,7 @@
 #landing
   margin: 0 auto 170px auto
   font-weight: 300
+  overflow: hidden
 
   h1
     font-size: 5em
@@ -37,25 +38,30 @@
   .hero, .oss-testing, .customers, .recent-builds, .free-for-oss, .private-repos, .features-list, .build-flows, .user-testimonials
     padding: 70px 0 70px 0
 
+    h1, h2
+      margin-top: 0
+
   .landing-centered-wrapper
-    max-width: 1200px
+    max-width: 1024px
     margin: 0 auto
 
   .medium-6.columns.laptop-wrapper
-    overflow: hidden
-    margin-right: -150px
+    margin-left: -100px
 
   #laptop
-    width: 900px
+    width: 200%
   
   .hero
-    background-color: #f4f3f0
+    background-color: #f8f7f4
     h1
       color: #339999
+      line-height: 1.2em
       margin-bottom: 0.3em
 
     p
       margin: 0
+      line-height: 1.2em
+      max-width: 380px
 
     .button
       background-color: #39a85b
diff --git a/app/templates/home.hbs b/app/templates/home.hbs
index 3970bcbe..5e085818 100644
--- a/app/templates/home.hbs
+++ b/app/templates/home.hbs
@@ -41,8 +41,10 @@
 		        <p class="left">Some pretty awesome companies and projects are a few of our users</p>
 		      </div>
 		    </div>
+		  </div>
 
-		    <div class="row recent-builds">
+	    <div class="row recent-builds">
+	    	<div class="landing-centered-wrapper">
 		      <div class="medium-6 columns">
 		        <h2>Every minute there’s a new build triggered</h2>
 		        <p>Here are just a few projects currently running on Travis CI</p>
@@ -61,7 +63,7 @@
 		        <h1>Testing your open source project is always 10,000% free</h1>
 		        <p><span class="bold-italic">Seriously. Always.</span> We like to think of it as our way of giving back to a community that gives us so much as well.</p>
 		      </div>
-		    <div class="landing-centered-wrapper">
+		    </div>
 	    </div>
 
 	    <div class="row private-repos">
@@ -98,18 +100,18 @@
 			    </div>
 			    <div class="large-6 columns">
 			    	<h2>Features created to help your projects and teams</h2>
-					<ul>
-						<li>Watch your tests as they run</li>
-						<li>Keep your config with your code</li>
-						<li>Slack, HipChat, Emails and more</li>
-						<li>A clean VM for every build</li>
-						<li>Run your tests in parallel</li>
-						<li>Linux and Mac (and iOS) supported</li>
-						<li>Great API and command line tool</li>
-						<li>Did we say Free for Open Source already?</li>
-					</ul>
+						<ul>
+							<li>Watch your tests as they run</li>
+							<li>Keep your config with your code</li>
+							<li>Slack, HipChat, Emails and more</li>
+							<li>A clean VM for every build</li>
+							<li>Run your tests in parallel</li>
+							<li>Linux and Mac (and iOS) supported</li>
+							<li>Great API and command line tool</li>
+							<li>Did we say Free for Open Source already?</li>
+						</ul>
 			    </div>
-			</div>
+				</div>
 	    </div>
 
 	    <div class="row build-flows">