From a9c64c423e9855132bd00c110c6b035e8669251c Mon Sep 17 00:00:00 2001
From: Sam Minnee <sam@silverstripe.com>
Date: Fri, 29 Jun 2012 15:30:32 +1200
Subject: [PATCH] BUG: Fixed simple image styling for full-width images.

The max-width 60% is a nice touch for left-aligned or right-aligned images, but it doesn't suit all images.  I've restricted the styling so that this is only applied to img.left and img.right images, which are the classes assigned by the CMS for left-aligned and right-aligned images.
---
 css/layout.css | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/css/layout.css b/css/layout.css
index a3ef50c..2310f19 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -56,13 +56,20 @@ a.btn:hover {
     background: #d80000;
     color: #fff;
 }
-.content img {
+.content img.left, .content img.right {
     border: 5px solid #d7d7d7;
     max-width: 60%;
     height: auto;
-    float: left;
-    margin: 6px 20px 10px 0;
 }
+.content img.left {
+	float: left;
+  margin: 6px 20px 10px 0;
+}
+content img.right {
+	float: right;
+  margin: 6px 0 10px 20px;
+}
+
 .content ul {
     margin: 20px 0 20px 30px
 }