From 255a567e5c772241d6e694bd7543e6edc3f28317 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Wed, 5 Dec 2018 02:14:11 +0100
Subject: [PATCH] frontend: fix MCQ alignment

---
 frontend/static/views/defi.html | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/static/views/defi.html b/frontend/static/views/defi.html
index 5db7b3bd..bacf5456 100644
--- a/frontend/static/views/defi.html
+++ b/frontend/static/views/defi.html
@@ -107,14 +107,16 @@
 		  <span class="glyphicon glyphicon-ok form-control-feedback text-success" aria-hidden="true" ng-if="key.found" title="Flag trouvé à {{ key.found | date:'mediumTime'}}"></span>
 		</div>
 
-		<div class="form-check" ng-repeat="(k,mcq) in my.exercices[current_exercice].mcqs">
+		<div class="form-group" ng-repeat="(k,mcq) in my.exercices[current_exercice].mcqs">
 		  <p ng-if="mcq.title">{{ mcq.title }} <span class="glyphicon glyphicon-ok form-control-feedback text-success" aria-hidden="true" ng-if="mcq.solved" title="QCM réussi à {{ mcq.solved | date:'mediumTime'}}"></span></p>
-		  <div class="custom-control custom-checkbox" ng-repeat="(cid,choice) in mcq.choices" ng-if="!mcq.solved || mcq.justify">
-		    <input class="custom-control-input" type="checkbox" id="mcq_{{k}}_{{cid}}" name="mcq_{{k}}_{{cid}}" ng-model="choice.value" ng-disabled="choice.disabled">
-		    <label class="custom-control-label" for="mcq_{{k}}_{{cid}}" ng-bind="choice.label"></label>
-		    <input type="text" class="form-control" autocomplete="off" placeholder="{{ choice.help }}" name="sol_{{ cid }}" ng-model="choice.justify" ng-if="choice.value && mcq.justify && !choice.solved">
-		    <span ng-if="choice.value && mcq.justify && choice.solved" ng-bind="choice.justify"></span>
-		    <span class="glyphicon glyphicon-ok form-control-feedback text-success" aria-hidden="true" ng-if="choice.solved" title="Flag trouvé !"></span>
+		  <div class="form-check">
+		    <div class="custom-control custom-checkbox" ng-repeat="(cid,choice) in mcq.choices" ng-if="!mcq.solved || mcq.justify">
+		      <input class="custom-control-input" type="checkbox" id="mcq_{{k}}_{{cid}}" name="mcq_{{k}}_{{cid}}" ng-model="choice.value" ng-disabled="choice.disabled">
+		      <label class="custom-control-label" for="mcq_{{k}}_{{cid}}" ng-bind="choice.label"></label>
+		      <input type="text" class="form-control" autocomplete="off" placeholder="{{ choice.help }}" name="sol_{{ cid }}" ng-model="choice.justify" ng-if="choice.value && mcq.justify && !choice.solved">
+		      <span ng-if="choice.value && mcq.justify && choice.solved" ng-bind="choice.justify"></span>
+		      <span class="glyphicon glyphicon-ok form-control-feedback text-success" aria-hidden="true" ng-if="choice.solved" title="Flag trouvé !"></span>
+		    </div>
 		  </div>
 		  <hr>
 		</div>