From: stephen@cubedesigners.com <stephen@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Wed, 13 May 2015 14:07:58 +0000 (+0000)
Subject: Fix image alignment problem and some other small bugs in the Case Studies section.
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=c88a4abf6c390777f90f9a208e9fb9235cadca4b;p=cubedesigners-v7.git

Fix image alignment problem and some other small bugs in the Case Studies section.
---

diff --git a/less/casestudies_detail.less b/less/casestudies_detail.less
index acbc849..d5c346d 100644
--- a/less/casestudies_detail.less
+++ b/less/casestudies_detail.less
@@ -41,6 +41,7 @@
 		.visuel-holder .legende {
 			font-size: 18px;
 			float:left;
+            padding-bottom: 10px; // When there is a long legend and a "view site" button, they may wrap, so provide space between them.
 		}
 
 	}
@@ -82,7 +83,9 @@
           
             img {
               min-width: 462px; // 530 - 34*2
-              display: block; // Stops strange gap under image when right at the bottom
+              vertical-align: bottom; // Stops gap under image when right at the bottom
+                                      // (caused by images being inline elements and having space for character descenders).
+                                      // This is a better solution than setting it to display:block because images can still be aligned this way.
             }
 		}
 
@@ -91,7 +94,7 @@
 			position: absolute;
 			top: -325px;
 			//left: 110px;
-			width:1280xp;
+			width:1280px;
 			height:1280px;
 			z-index: 2;
 		}