调整题目多行显示体验

app/views/exercise/_show_MC.html.erb

@@ -20,7 +20,11 @@
     <% exercise_question.exercise_choices.reorder("choice_position").each_with_index do |exercise_choice,index| %>
         <li class="clearfix">
           <input class="magic-radio fl mt5 magic-checkbox_show" id="sx_<%= exercise_choice.id %>" name="<%= exercise_question %>" value="<%= exercise_choice.choice_text%>" type="radio">
-          <label class="fl color-grey3" for="sx_<%= exercise_choice.id %>"><%= convert_to_char((index+1).to_s)%>&nbsp;&nbsp;<%= exercise_choice.choice_text%></label>
+          <label class="fl color-grey3" for="sx_<%= exercise_choice.id %>">
+            <div class="fl">
+              <%= convert_to_char((index+1).to_s)%>
+            </div><pre class="fl ml10"><%= exercise_choice.choice_text%></pre>
+          </label>
         </li>
     <% end %>
   </div>

app/views/exercise/_show_MCQ.html.erb

@@ -20,7 +20,11 @@
     <% exercise_question.exercise_choices.reorder("choice_position").each_with_index do |exercise_choice,index| %>
         <li class="clearfix">
           <input class="magic-checkbox fl mt5 magic-checkbox_show" id="dx_<%= exercise_choice.id %>" value="<%= exercise_choice.choice_text%>" type="checkbox">
-          <label class="fl color-grey3" for="dx_<%= exercise_choice.id %>"><%= convert_to_char((index+1).to_s)%>&nbsp;&nbsp;<%= exercise_choice.choice_text%></label>
+          <label class="fl color-grey3" for="dx_<%= exercise_choice.id %>">
+            <div class="fl">
+              <%= convert_to_char((index+1).to_s)%>
+            </div><pre class="fl ml10"><%= exercise_choice.choice_text%></pre>
+          </label>
         </li>
     <% end %>
   </div>