<div class="step current">
  <div class="current-question">
    <h2><span class="question-number"><%= @flow_state.current_question_number %></span> <%= question.title %></h2>

    <%= form_tag smart_answer_path_for_responses(@flow_state.completed_questions, :edition => nil), :method => :get do %>
      <%= hidden_field_tag :edition, @edition if @edition.present? %>
      <div class="question-body">
        <%= raw question.body %>

        <% if @flow_state.error? %>
          <p class="error-message" role="alert">Please answer this question</p>
        <% end %>
        <ul class="options">
          <% question.options.each do |option| %>
            <li>
              <label for="response_<%= option.slug %>">
                <%= radio_button_tag "response", option.slug, (option.slug == params[:previous_response]), :id => "response_#{ option.slug }" %>
                <%= option.label %>
              </label>
            </li>
          <% end %>
        </ul>

      </div>

      <div class="next-question">
        <button type="submit" class="medium button">Next step</button>
      </div>
    <% end %>

  </div>
</div>


<div class="step current">
  <div class="current-question">
    <h2><span class="question-number"><%= @flow_state.current_question_number %></span> <%= question.title %></h2>

    <%= form_tag smart_answer_path_for_responses(@flow_state.completed_questions, :edition => nil), :method => :get do %>
      <%= hidden_field_tag :edition, @edition if @edition.present? %>
      <div class="question-body">
        <%= raw question.body %>

        <% if @flow_state.error? %>
          <p class="error-message" role="alert">Please answer this question</p>
        <% end %>
        <ul class="options">
          <% question.options.each do |option| %>
            <li>
              <label for="response_<%= option.slug %>" class="selectable">
                <%= radio_button_tag "response", option.slug, (option.slug == params[:previous_response]), :id => "response_#{ option.slug }" %>
                <%= option.label %>
              </label>
            </li>
          <% end %>
        </ul>

      </div>

      <div class="next-question">
        <button type="submit" class="medium button">Next step</button>
      </div>
    <% end %>

  </div>
</div>


Use preferred radio button style in simple smartansers
Use preferred radio button style in simple smartansers

As per http://govuk-elements.herokuapp.com/#guide-forms use radio buttons
with a large hit area indicated by a grey square. These are easier to select
with a mouse or touch devices.
