Styles for oxfordshire extra text

2 files changed, 27 insertions, 11 deletions

diff --git a/templates/web/oxfordshire/around/extra_text.html b/templates/web/oxfordshire/around/extra_text.html
index 27b1838e5..0fca1a587 100644
--- a/templates/web/oxfordshire/around/extra_text.html
+++ b/templates/web/oxfordshire/around/extra_text.html
@@ -1,11 +1,13 @@
-<p>Please do not use this form for reporting <b>emergencies and urgent problems</b>.</p>
-<p>You should report these by contacting:</p>
+<div class="extra-text">
+    <p>Please do not use this form for reporting <b>emergencies and urgent problems</b>.</p>
+    <p>You should report these by contacting:</p>
 
-<p><b>0845 310 11 11</b><br>
-(8.30 - 5, Monday to Thursday and 8.30 - 4 on Friday)</p>
+    <p><b>0845 310 11 11</b><br>
+    (8.30 - 5, Monday to Thursday and 8.30 - 4 on Friday)</p>
 
-<p><a href="#">What is an emergency problem?</a></p>
+    <p><a href="#">What is an emergency problem?</a></p>
 
-<p><img src="/i/pin-yellow.png" /> - <b>these are problems that have already been reported</b>.<br>Click them to see more details.</p>
+    <p><img src="/i/pin-yellow.png" class="extra-text__image" width="48" height="64" /> - <b>these are problems that have already been reported</b>.<br>Click them to see more details.</p>
 
-<p><a href="#">View our terms and conditions</a></p>
+    <p><a href="#">View our terms and conditions</a></p>
+</div>
diff --git a/web/cobrands/oxfordshire/layout.scss b/web/cobrands/oxfordshire/layout.scss
index 5a5b442fd..67f090073 100644
--- a/web/cobrands/oxfordshire/layout.scss
+++ b/web/cobrands/oxfordshire/layout.scss
@@ -90,7 +90,11 @@ body.twothirdswidthpage {
 .general-sidebar-notes,
 #report-a-problem-sidebar {
     top: 1em;
-    left: 25.7em;
+    left: 23.5em;
+}
+
+#forgotten-pw {
+    left: 21.6em;
 }
 
 // To prevent font size larger interfering with the fixed Oxfordshire layout
@@ -99,14 +103,14 @@ body.twothirdswidthpage {
     min-height: 550px;
     z-index: auto;
 }
-.full-width { width: 412px; }
-.shadow-wrap { width: 412px; }
+.full-width { width: 377px; }
+.shadow-wrap { width: 377px; }
 
 #map_box {
     width: 956px;
     height: 600px;
 }
-.content { width: 380px; }
+.content { width: 345px; }
 
 body.fullwidthpage .content { width: auto; }
 body.twothirdswidthpage .content {
@@ -212,4 +216,14 @@ input.green-btn{
     background: #339e00 url("/cobrands/fixmystreet/images/sprite.png") right -2177px no-repeat;
 }
 
+.extra-text {
+    font-family: "Museo300-display",MuseoSans,Helmet,Freesans,sans-serif;
+    font-size: 14px;
+}
+
+.extra-text__image {
+    float: left;
+    margin-right: 1em;
+}
+
 @import "oxfordshire";