From 1d29c58a96814c7e17c5a0d7909bde2f94430f2e Mon Sep 17 00:00:00 2001
From: Angel Fernando Quiroz Campos <angelfqc.18@gmail.com>
Date: Tue, 12 Oct 2021 17:48:42 -0500
Subject: [PATCH] Fix CSS rules for matchin question

---
 assets/css/scss/_exercise.scss       | 22 +++++++++++-----------
 public/main/inc/lib/exercise.lib.php |  2 +-
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/assets/css/scss/_exercise.scss b/assets/css/scss/_exercise.scss
index b20693c57f..87bb9f88b3 100644
--- a/assets/css/scss/_exercise.scss
+++ b/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 {
diff --git a/public/main/inc/lib/exercise.lib.php b/public/main/inc/lib/exercise.lib.php
index b561e0c07d..6788162876 100644
--- a/public/main/inc/lib/exercise.lib.php
+++ b/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;