From e9754e92df810554efcecbd3323fc69edaa21357 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Wed, 26 Apr 2017 11:28:22 +0100
Subject: [PATCH] Add a back button to the scheduler
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

We’ve seen in research a user getting stuck playing with the
scheduler. They picked a day, but then didn’t want to choose one of the
options for that day. There’s no way to do this except pick a day and
then un-pick it.

What they ended up doing was clicking the grey back button, which took
them back to the previous page, making them upload their file again.

This commit adds a ‘back’ link for the scheduler. ‘Back’ seems like
sensible naming because that’s the thing that the user tried to click,
and the UI of a link matches the thing they clicked to get into this
situation.
---
 app/assets/javascripts/radioSelect.js               | 1 +
 app/assets/stylesheets/components/radio-select.scss | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/app/assets/javascripts/radioSelect.js b/app/assets/javascripts/radioSelect.js
index 6d52a76b2..50d4dd046 100644
--- a/app/assets/javascripts/radioSelect.js
+++ b/app/assets/javascripts/radioSelect.js
@@ -30,6 +30,7 @@
             <label for="{{id}}">{{label}}</label>
           </div>
         {{/choices}}
+        <input type='button' class='js-reset-button js-reset-button-block' value='Back' />
       </div>
     `),
     'chosen': Hogan.compile(`
diff --git a/app/assets/stylesheets/components/radio-select.scss b/app/assets/stylesheets/components/radio-select.scss
index ab4575f5a..19f835310 100644
--- a/app/assets/stylesheets/components/radio-select.scss
+++ b/app/assets/stylesheets/components/radio-select.scss
@@ -33,6 +33,13 @@
 
   }
 
+  .js-reset-button-block {
+    display: block;
+    width: 100%;
+    text-align: left;
+    padding: 20px 20px $gutter 57px;
+  }
+
   .js-enabled & {
 
     overflow: visible;