From 3945889e4e162d260ecc51bbbf3b1d558238ed72 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Thu, 17 Mar 2016 14:56:52 +0000
Subject: [PATCH] Add a link to help page from the trial mode banner

---
 app/assets/stylesheets/components/banner.scss        | 12 +++++++++++-
 app/templates/views/dashboard/trial-mode-banner.html |  5 +++--
 app/templates/views/help.html                        |  2 +-
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/components/banner.scss b/app/assets/stylesheets/components/banner.scss
index 36ebad07d..540ce1e38 100644
--- a/app/assets/stylesheets/components/banner.scss
+++ b/app/assets/stylesheets/components/banner.scss
@@ -112,7 +112,7 @@
   margin-top: $gutter;
 
   .heading-medium {
-    margin-top: 0;
+    margin: 0 0 10px 0;
   }
 
   a {
@@ -129,4 +129,14 @@
 
   }
 
+  .big-number {
+
+    margin-top: 10px;
+
+    &-label {
+      padding-bottom: 0;
+    }
+
+  }
+
 }
diff --git a/app/templates/views/dashboard/trial-mode-banner.html b/app/templates/views/dashboard/trial-mode-banner.html
index 1ad62066e..3a3c34829 100644
--- a/app/templates/views/dashboard/trial-mode-banner.html
+++ b/app/templates/views/dashboard/trial-mode-banner.html
@@ -3,12 +3,13 @@
 
 {% call banner_wrapper(type="mode") %}
 
+  <h2 class="heading-medium">Trial mode</h2>
   <div class="grid-row">
     <div class="column-one-half">
-      <h2 class="heading-medium">Trial mode</h2>
       <p>
         We’ll only deliver messages to you and members of your team
-
+        <br>
+        <a href="{{ url_for(".help", _anchor="trial-mode") }}">Find out more</a>
       </p>
     </div>
     <div class="column-one-sixth">
diff --git a/app/templates/views/help.html b/app/templates/views/help.html
index a2b0991ab..72ef617b3 100644
--- a/app/templates/views/help.html
+++ b/app/templates/views/help.html
@@ -10,7 +10,7 @@
   <div class="column-two-thirds">
     <h1 class="heading-xlarge">Help</h1>
 
-    <h2 class="heading-large">Trial mode</h2>
+    <h2 class="heading-large" id="trial-mode">Trial mode</h2>
 
     <p>
       When you create a service on GOV.UK&nbsp;Notify, you start off in trial