Reword the help text about adding placeholders

In research we’ve seen users struggle with this. Often they’d type
((Joe Bloggs)) or ((XX/XX/XXXX)) instead of a sensible name.

Lets see if explaining it differently helps.

app/assets/stylesheets/views/edit-template.scss

@@ -3,7 +3,7 @@
   &-placeholder-hint {
     display: block;
     padding-top: 20px;
-    color: $secondary-text-colour;
+    //color: $secondary-text-colour;
   }
 
 }

app/templates/views/edit-email-template.html

@@ -21,8 +21,12 @@
         </div>
         <div class="column-one-third">
           <label for='template_content' class='edit-template-placeholder-hint'>
-            Add placeholders using double brackets, eg Your thing
-            is due on ((date))
+            <p>
+              Add personalisation with double brackets, eg Dear ((name))
+            </p>
+            <p>
+              You’ll fill in the real data when you send a message.
+            </p>
           </label>
         </div>
       </div>

app/templates/views/edit-sms-template.html

@@ -20,8 +20,12 @@
         </div>
         <div class="column-one-third">
           <label for='template_content' class='edit-template-placeholder-hint'>
-            Add placeholders using double brackets, eg Your thing
-            is due on ((date))
+            <p>
+              Add personalisation with double brackets, eg Dear ((name))
+            </p>
+            <p>
+              You'll have to add the real data when you send a message.
+            </p>
           </label>
         </div>
       </div>