Fix CSS rules for matchin question

assets/css/scss/_exercise.scss

@@ -118,19 +118,19 @@
       @apply border border-gray-400 rounded-sm p-2 cursor-move bg-gray-100;
     }
 
-    .question-answer__items {
-      &--horizontal,
-      &--vertical {
+    .question-answer {
+        &__items {
           @apply flex gap-4;
-      }
 
           &--horizontal {
             @apply flex-row flex-wrap;
           }
+
           &--vertical {
             @apply flex-col;
           }
         }
+    }
 
     .droppable-item {
       @apply p-2 bg-indigo-200;

public/main/inc/lib/exercise.lib.php

@@ -1373,7 +1373,7 @@ HTML;
                 $isVertical = 'v' == $objQuestionTmp->extra;
                 $s .= "</ul></div>";
                 $counterAnswer = 1;
-                $s .= '<div class="question-answer__items--'.($isVertical ? 'vertical' : 'horizontal').'">';
+                $s .= '<div class="question-answer__items question-answer__items--'.($isVertical ? 'vertical' : 'horizontal').'">';
                 for ($answerId = 1; $answerId <= $nbrAnswers; $answerId++) {
                     $answerCorrect = $objAnswerTmp->isCorrect($answerId);
                     $windowId = $questionId.'_'.$counterAnswer;