From d65866434510960f98ec4d2afa968c41b3eb9c6f Mon Sep 17 00:00:00 2001
From: Edd Sowden <e@e26.co.uk>
Date: Tue, 31 Jul 2012 11:34:59 +0000
Subject: [PATCH] Style call to action blocks

---
 .../stylesheets/frontend/views/_document-page.scss     | 10 +++++++---
 .../stylesheets/frontend/views/_specialist_guides.scss | 10 ----------
 app/views/specialist_guides/show.html.erb              |  7 +++++--
 3 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/app/assets/stylesheets/frontend/views/_document-page.scss b/app/assets/stylesheets/frontend/views/_document-page.scss
index e05f9e39987..aaafdcb27cc 100644
--- a/app/assets/stylesheets/frontend/views/_document-page.scss
+++ b/app/assets/stylesheets/frontend/views/_document-page.scss
@@ -156,15 +156,19 @@
     }
   }
 
+  .information-block,
   .call-to-action {
-    margin: $gutter 0;
-    background: $cool-grey url(/government/assets/call-to-action-icon.png) no-repeat 98% $gutter-two-thirds;
-    padding: $gutter-two-thirds 55px $gutter-two-thirds $gutter-two-thirds;
+    margin: $gutter 0 $gutter $gutter-half*-1;
+    background: $light-warm-grey none no-repeat 98% $gutter-two-thirds;
+    padding: $gutter-one-third 55px $gutter-one-third $gutter-half;
     p {
       margin: 0;
       padding: 0;
     }
   }
+  .information-block {
+    background-image: url(/government/assets/information-icon.png);
+  }
 
   .notice p {
     @include sans-12;
diff --git a/app/assets/stylesheets/frontend/views/_specialist_guides.scss b/app/assets/stylesheets/frontend/views/_specialist_guides.scss
index e8debd638bc..920b35680ff 100644
--- a/app/assets/stylesheets/frontend/views/_specialist_guides.scss
+++ b/app/assets/stylesheets/frontend/views/_specialist_guides.scss
@@ -79,16 +79,6 @@
     }
   }
 
-  .related-mainstream-content {
-    margin: $gutter 0 $gutter $gutter-half*-1;
-    background: $light-warm-grey url(/government/assets/information-icon.png) no-repeat 98% $gutter-two-thirds;
-    padding: $gutter-one-third 55px $gutter-one-third $gutter-half;
-    p {
-      margin: 0;
-      padding: 0;
-    }
-  }
-
   .meta {
     @include core-14;
     @include media(desktop) {
diff --git a/app/views/specialist_guides/show.html.erb b/app/views/specialist_guides/show.html.erb
index 3ae8f83a67a..d9af6d1eac0 100644
--- a/app/views/specialist_guides/show.html.erb
+++ b/app/views/specialist_guides/show.html.erb
@@ -23,8 +23,11 @@
       </section>
 
     <% if @document.has_related_mainstream_content? %>
-      <aside class="related-mainstream-content" role="complementary">
-        <p>Too much information? Check out our quick guide: <%= link_to @document.related_mainstream_content_title, @document.related_mainstream_content_url %></p>
+      <aside class="related-mainstream-content information-block" role="complementary">
+        <p>
+          Too much information? Check out our quick guide:<br>
+          <%= link_to @document.related_mainstream_content_title, @document.related_mainstream_content_url %>
+        </p>
       </aside>
     <% end %>