From 20b2331b1e6569dee326081cc7c582c15b641aa3 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Fri, 3 Jun 2016 08:55:33 +0100
Subject: [PATCH] Change wording around the example on the send page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

‘How to format your file’ sounds complicated and incidental.

‘See an example’ sounds like something that might be useful if you’re feeling
stuck.

Also makes the list of file formats a list, because it’s a list.
---
 app/templates/views/send.html | 25 ++++++++-----------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/app/templates/views/send.html b/app/templates/views/send.html
index 9e1409d56..4b85152bc 100644
--- a/app/templates/views/send.html
+++ b/app/templates/views/send.html
@@ -43,26 +43,10 @@
 
   <details role="group">
     <summary role="button" aria-controls="how-to-format-your-file" aria-expanded="false">
-      <span class="summary">How to format your file</span>
+      <span class="summary">See an example</span>
     </summary>
 
     <div id="how-to-format-your-file" aria-hidden="true">
-      <ul class="list list-bullet">
-        <li>
-          put one recipient per row
-        </li>
-        <li>
-          save or export your data as a
-          <acronym title="Comma Separated Values">CSV</acronym>,
-          <acronym title="Comma Separated Values">TSV</acronym>,
-          Open Document Spreadsheet (.ods)
-          or Microsoft Excel (.xls, .xlsx, .xlsm) file
-        </li>
-      </ul>
-
-      <h2 class="heading-small">
-        Example file
-      </h2>
       <div class="spreadsheet">
         {% call(item, row_number) list_table(
           example,
@@ -79,6 +63,13 @@
       <p class="table-show-more-link">
         <a href="{{ url_for('.get_example_csv', service_id=current_service.id, template_id=template.id) }}">Download this example</a>
       </p>
+      <p>Save the file as</p>
+      <ul class="list list-bullet">
+        <li>.<acronym title="Comma Separated Values">csv</acronym></li>
+        <li>.<acronym title="Comma Separated Values">tsv</acronym></li>
+        <li>Open Document Spreadsheet (.ods)</li>
+        <li>or Microsoft Excel (.xls, .xlsx, .xlsm)</li>
+      </p>
     </div>
   </details>