From: stephen@cubedesigners.com <stephen@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Fri, 19 Aug 2016 16:33:50 +0000 (+0000)
Subject: Content styling adjustments and tweaks to make home page content fit better into... 
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=92c8577f4a0831d00fabb3f5df5a15ca6dad48f9;p=fluidbook-v3.git

Content styling adjustments and tweaks to make home page content fit better into a single screen for each section. Background images may be slightly cropped on some screen sizes. WIP #599 @1
---

diff --git a/js/210-home.js b/js/210-home.js
index bb1ffbf..ef70aef 100644
--- a/js/210-home.js
+++ b/js/210-home.js
@@ -84,7 +84,7 @@ function resizeHome() {
 function isTallEnough() {
 
     // Get available height for contents
-    var wh = $(window).height() - $('#h').outerHeight() - $('#adminBar').outerHeight() - 30; // 30px extra breathing space around content
+    var wh = $(window).height() - $('#h').outerHeight();
     var ok = true;
     var bgHeight = 0;
     var contentHeight;
@@ -101,12 +101,13 @@ function isTallEnough() {
         contentHeight = $(this).find('.content-inner').outerHeight();
 
         // Largest dimension of the two wins
-        sectionHeight = Math.max(bgHeight, contentHeight);
+        // sectionHeight = Math.max(bgHeight, contentHeight);
+        sectionHeight = contentHeight; // Not taking into account the bg height for now.
 
 
-        //console.info(sectionHeight + ' > ' + wh + '? ' + $(this).parent().attr('class'));
+        //console.info(sectionHeight + ' > ' + wh + '? ' + $(this).parent().data('section-name'));
         if (sectionHeight > wh) {
-            //console.error($(this).parent().attr('class') + ' is too tall...');
+            //console.warn($(this).parent().data('section-name') + ' section is too tall...');
             ok = false;
             return false;
         }
diff --git a/less/002-common.less b/less/002-common.less
index e4fdb0f..759f525 100644
--- a/less/002-common.less
+++ b/less/002-common.less
@@ -12,7 +12,7 @@ body {
 	background-color: #fff;
 	font-family: @body-font;
 	font-size: 14px;
-	line-height: 26/14;
+	line-height: 1.6;
 	min-width: @content-min-width;
 	-moz-text-size-adjust: 100%;
 	-webkit-text-size-adjust: 100%;
@@ -50,9 +50,9 @@ h1, h2 {
 	&.title {
 		color: @color-text;
 		font-family: @playfair;
-		font-size: 60px;
+		font-size: 50px;
 		font-weight: 400;
-		line-height: 1.3;
+		line-height: 1.2;
 		.divider(1.4em);
 
 		@media @m900 {
diff --git a/less/213-home-customers.less b/less/213-home-customers.less
index 8c6b033..7c5c0d7 100644
--- a/less/213-home-customers.less
+++ b/less/213-home-customers.less
@@ -21,6 +21,7 @@ section.customers {
 
 .customers-content {
   width: 50%;
+  margin-bottom: 20px;
 
   @media @m900 {
     width: auto;
@@ -29,7 +30,7 @@ section.customers {
   li {
     display: inline-block;
     width: 32%;
-    margin-bottom: 30px;
+    margin-bottom: 20px;
     vertical-align: top;
     padding-right: 20px;
 
diff --git a/less/410-features.less b/less/410-features.less
index baec3d1..8ce1229 100644
--- a/less/410-features.less
+++ b/less/410-features.less
@@ -7,6 +7,14 @@
 .fonctionnalites {
   .intro {
     position: relative;
+
+    .dotclear p {
+      padding-right: 15px;
+
+      @media @m900 {
+        padding-right: 0;
+      }
+    }
   }
 }