🪲 fix quiz answers position (#5520)

Fixes #5129 **How to test?** - answer quiz questions (e.g., first 4 questions of level 11) - make sure that the content of any code blocks is aligned correctly.
hedyorg · May 15, 2024 · 65ce723 · 65ce723
1 parent d300e70
commit 65ce723
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/static/css/additional.css b/static/css/additional.css
@@ -295,4 +295,10 @@ kbd {
 .teacher-adv pre {
   max-height: 22rem;
   overflow-y: scroll;
+}
+
+.answer-block {
+  pre {
+    text-align: start;
+  } 
 }
diff --git a/templates/quiz/partial-review-question.html b/templates/quiz/partial-review-question.html
@@ -27,7 +27,7 @@
         </div>
         {% endif %}
 
-        <div class="flex flex-col justify-center items-center gap-4 turn-pre-into-ace text-center">
+        <div class="answer-block flex flex-col justify-center items-center gap-4 turn-pre-into-ace text-center">
             <p class="text-green-700 italic text-2xl w-96 max-w-full">
                 {{_('correct_answer')}}
             </p>