Style radio select controls as buttons

For the upcoming user permissions enhancements we want to differentiate
between actions that take the user to a new page (eg changing a user’s
phone number or email address) and actions that reveal extra controls in
the current page (which will be changing the folders a team member can
see).

This change will be inconsistent with the interaction for scheduling a
job, which uses links to reveal other controls in the page.

This commit changes the scheduling interaction to use grey ‘secondary’
buttons for revealing extra controls in the page, for consistency with
the upcoming folder permissions work.

app/assets/stylesheets/components/radios.scss

@@ -18,28 +18,23 @@
   .js-reset-button,
   .js-category-button {
 
-    background: none;
-    text-decoration: underline;
-    color: $link-colour;
-    border: none;
-    display: inline-block;
-    vertical-align: top;
-    width: auto;
-    padding: 7px 20px 7px 10px;
-    margin-right: 5px;
-    cursor: pointer;
-
-    &:hover {
-      color: $link-hover-colour;
-    }
+    @include button($grey-3);
+    margin-right: $gutter-half;
 
   }
 
   .js-reset-button-block {
+
     display: block;
-    width: 100%;
-    text-align: left;
-    padding: 20px 20px $gutter 57px;
+    clear: both;
+    margin: 0 0 $gutter 0;
+    position: relative;
+    top: $gutter-half;
+
+    &:active {
+      top: $gutter-half + 2px;
+    }
+
   }
 
   .js-enabled & {