diff --git a/app/assets/javascripts/radioSelect.js b/app/assets/javascripts/radioSelect.js index 50d4dd046..802382736 100644 --- a/app/assets/javascripts/radioSelect.js +++ b/app/assets/javascripts/radioSelect.js @@ -30,7 +30,7 @@ {{/choices}} - + `), 'chosen': Hogan.compile(` diff --git a/app/assets/stylesheets/components/radios.scss b/app/assets/stylesheets/components/radios.scss index bd0de4268..e7f9110bf 100644 --- a/app/assets/stylesheets/components/radios.scss +++ b/app/assets/stylesheets/components/radios.scss @@ -8,7 +8,6 @@ vertical-align: top; .multiple-choice { - margin-right: 5px; padding-right: 10px; padding-left: 54px - 10px; } @@ -18,28 +17,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 & {