5 files changed, 16 insertions, 9 deletions
diff --git a/templates/web/fixmystreet/alert/index.html b/templates/web/fixmystreet/alert/index.html
index f731d3dbf..0903937f7 100644
--- a/templates/web/fixmystreet/alert/index.html
+++ b/templates/web/fixmystreet/alert/index.html
@@ -28,12 +28,14 @@ within a certain distance of a particular location.') %]
 </form>
 
 [% IF photos.size %]
-<div id="alert_recent">
-  <h2>[% loc('Some photos of recent reports') %]</h2>
+<div class="sticky-sidebar">
+  <aside>
+    <h2>[% loc('Some photos of recent reports') %]</h2>
     [% FOREACH p IN photos %]
         <a href="/report/[% p.id %]"><img border="0" height="100"
             src="/photo?tn=1;id=[% p.id %]" alt="[% p.title | html %]" title="[% p.title | html %]"></a>
     [% END %]
+  </aside>
 </div>
 [% END %]
 
diff --git a/templates/web/fixmystreet/alert/list.html b/templates/web/fixmystreet/alert/list.html
index cc1b3e5fd..c488e72ee 100644
--- a/templates/web/fixmystreet/alert/list.html
+++ b/templates/web/fixmystreet/alert/list.html
@@ -22,12 +22,14 @@
 
 [%# XXX These photos should perhaps be in a vertical column on the right hand side, as currently. %]
   [% IF photos.size %]
-    <div id="alert_photos">
-      <h2>[% loc('Photos of recent nearby reports') %]</h2>
+    <div class="sticky-sidebar">
+      <aside>
+        <h2>[% loc('Photos of recent nearby reports') %]</h2>
         [% FOREACH p IN photos %]
             <a href="/report/[% p.id %]"><img border="0" height="100"
                 src="/photo?tn=1;id=[% p.id %]" alt="[% p.title | html %]" title="[% p.title | html %]"></a>
         [% END %]
+      </aside>
     </div>
   [% END %]
 
diff --git a/templates/web/fixmystreet/reports/council.html b/templates/web/fixmystreet/reports/council.html
index 275fe35d4..707ecabc8 100755
--- a/templates/web/fixmystreet/reports/council.html
+++ b/templates/web/fixmystreet/reports/council.html
@@ -77,7 +77,7 @@
 
 
 [% IF children.size %]
-<div id="council_wards" class="hidden-js">
+<section id="council_wards" class="hidden-js">
     <h2>[% loc('Wards of this council') %]</h2>
     <p>[% loc('Follow a ward link to view only reports within that ward.') %]</p>
     <ul class="issue-list-a">
@@ -85,7 +85,7 @@
         <li><a href="[% child.url %]"><span class="text">[% child.name %]</span></a></li>
         [% END %]
     </ul>
-</div>
+</section>
 [% END %]
 
 
diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss
index 879ef7846..5a523bebd 100644
--- a/web/cobrands/fixmystreet/base.scss
+++ b/web/cobrands/fixmystreet/base.scss
@@ -1466,8 +1466,5 @@ ul.breadcrumb {
     .a {
         background: #f6f6f6;
     }
-    img {
-        float: right;
-    }
 }
 
diff --git a/web/cobrands/fixmystreet/layout.scss b/web/cobrands/fixmystreet/layout.scss
index 433fe1152..c00e1229f 100644
--- a/web/cobrands/fixmystreet/layout.scss
+++ b/web/cobrands/fixmystreet/layout.scss
@@ -304,6 +304,12 @@ body.twothirdswidthpage {
       padding:1em;
       @include box-shadow(0px 0px 6px 1px #000);
     }
+    aside h2 {
+      margin-top: 0;
+    }
+    aside img {
+      margin-bottom: 0.25em;
+    }
     .sticky-sidebar {
       position: absolute;
       left:42em;