Fix CSS rules for matchin question

assets/css/scss/_exercise.scss

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

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;