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 acbc849cbbcc500eb447840f5e591455fedabbef..d5c346d17bb20dc25dfa2ab5af3dee5e235f63f9 100644 (file)
--- 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;
                }