feat: Modification du conteneur du text des checkbox

src/components/Question.vue

@@ -94,7 +94,9 @@ const d = ref(0);
               @click="nextQuestion"
             />
             <label :for="`question_${question.id}_answer_${answer.id}`">
+              <div>
                 {{ answer.title }}
+              </div>
             </label>
           </li>
         </ul>
@@ -264,36 +266,37 @@ legend
 
   label
     cursor: pointer
+    display: block
 
   input[type=radio]
     display: none
 
-    & + label
+    & + label > div
       position: relative
       padding: .2rem .2rem .2rem 2rem
-    & + label::before,
-    & + label::after
+    & + label > div::before,
+    & + label > div::after
       display: block
       position: absolute
       box-sizing: border-box
       content:''
       border-radius: 1rem
-    & + label::before
-      bottom: .3rem
+    & + label > div::before
+      top: .5rem
       left: 0
       background-color: var(--color-green)
       width: 1rem
       height: 1rem
-    & + label::after
-      bottom: calc(3px + .3rem)
+    & + label > div::after
+      top: calc(3px + .5rem)
       left: 3px
       width: calc(1rem - 6px)
       height: calc(1rem - 6px)
-    &:checked + label
+    &:checked + label > div
       text-shadow: -0.06ex 0 0 currentColor, 0.06ex 0 0 currentColor
-    &:not(:checked) + label::before
+    &:not(:checked) + label > div::before
       background-color: var(--color-green)
-    &:not(:checked) + label::after
+    &:not(:checked) + label > div::after
       background-color: white
 
 .main