From 7ef93419643cb12db432a29fa3de3c542493ab86 Mon Sep 17 00:00:00 2001
From: "stephen@cubedesigners.com"
 <stephen@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Fri, 29 Jul 2016 09:45:54 +0000
Subject: [PATCH] Responsive behaviour and button styles. WIP #4 @1.5

---
 .../views/helpers/HomeServices.php            |  8 ++++----
 js/214-home-services.js                       |  1 -
 less/210-home.less                            |  1 +
 less/213-home-customers.less                  |  2 ++
 less/214-home-services.less                   | 20 +++++++++++++++++--
 5 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/framework/application/views/helpers/HomeServices.php b/framework/application/views/helpers/HomeServices.php
index 076e32c..60da235 100644
--- a/framework/application/views/helpers/HomeServices.php
+++ b/framework/application/views/helpers/HomeServices.php
@@ -10,11 +10,11 @@ class Fluidbook_View_Helper_HomeServices extends Fluidbook_View_Helper_HomeLayer
 
 		$this->data = $data;
 
-        $res .= '<div class="left">';
+        $res .= '<div class="text">';
         $res .= $this->_leftText();
-        $res .= '</div>'; // .left
+        $res .= '</div>'; // .text
 
-        $res .= '<div class="right">';
+        $res .= '<div class="carousel">';
 
         $res .= '<div class="services-examples">';
 
@@ -28,7 +28,7 @@ class Fluidbook_View_Helper_HomeServices extends Fluidbook_View_Helper_HomeLayer
 
         $res .= '<ul class="services-examples-nav" style="color: '. $data['themecolor'] .'"></ul>'; // Populated by JS
 
-        $res .= '</div>'; // .right
+        $res .= '</div>'; // .carousel
 
 
         return $this->_layer($res, 'services');
diff --git a/js/214-home-services.js b/js/214-home-services.js
index 3a6ea63..2bc1f2c 100644
--- a/js/214-home-services.js
+++ b/js/214-home-services.js
@@ -40,7 +40,6 @@ function initCarousel() {
         var index = 0;
 
         var showNext = function () {
-            fb('calling showNext on index: ' +index);
             loadSlide('#example' + index);
             // increment the index - if it is beyond the number of li's - reset it to 0
             if (++index >= $items.length) index = 0;
diff --git a/less/210-home.less b/less/210-home.less
index fbe95e9..ec3563b 100644
--- a/less/210-home.less
+++ b/less/210-home.less
@@ -29,6 +29,7 @@
 
 	.btn {
 		.button();
+		.longarrow-button(20px, 40px, 18px);
         color: #fff;
         margin-top: 30px;
 	}
diff --git a/less/213-home-customers.less b/less/213-home-customers.less
index 23763c2..8c6b033 100644
--- a/less/213-home-customers.less
+++ b/less/213-home-customers.less
@@ -6,6 +6,7 @@ section.customers {
     .button();
     color: #fff;
     margin-bottom: 20px;
+    .longarrow-button(20px, 40px, 18px);
   }
 
   .btn.more {
@@ -13,6 +14,7 @@ section.customers {
     border: 1px solid @color-text;
     line-height: 52px;
     margin: 0 20px;
+    .longarrow-button(20px, 40px, 18px);
   }
 }
 
diff --git a/less/214-home-services.less b/less/214-home-services.less
index c6ab38a..07cd340 100644
--- a/less/214-home-services.less
+++ b/less/214-home-services.less
@@ -1,13 +1,29 @@
 @import "000-imports";
 
 section.services {
-  .content-inner {
 
+  .content-inner {
+    @media @m900 {
+      padding-bottom: 0;
+    }
   }
-  .left, .right {
+
+  .text, .carousel {
     display: inline-block;
     width: 50%;
     vertical-align: top;
+
+    @media @m900 {
+      width: 100%;
+    }
+  }
+  .text {
+    padding-right: 30px;
+
+    @media @m900 {
+      padding-right: 0;
+      margin-bottom: 30px;
+    }
   }
 }
 
-- 
2.39.5