From 378af1b044ab69630315258e3cea201c723b901a Mon Sep 17 00:00:00 2001
From: AudricV <74829229+AudricV@users.noreply.github.com>
Date: Sun, 15 Jan 2023 13:35:54 +0100
Subject: [PATCH] [Client] Fix suspect answer interrogation position

---
 truthseeker/static/css/game_ui_game.css | 9 +++++++++
 truthseeker/templates/game.html         | 8 ++++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/truthseeker/static/css/game_ui_game.css b/truthseeker/static/css/game_ui_game.css
index e4b857e..4748702 100644
--- a/truthseeker/static/css/game_ui_game.css
+++ b/truthseeker/static/css/game_ui_game.css
@@ -243,6 +243,15 @@ html {
     justify-content: center;
 }
 
+.question_answer {
+    align-content: center;
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
 /* Results and scores */
 .results_title {
     color: var(--red-color);
diff --git a/truthseeker/templates/game.html b/truthseeker/templates/game.html
index 476b49d..10d0834 100644
--- a/truthseeker/templates/game.html
+++ b/truthseeker/templates/game.html
@@ -52,10 +52,10 @@
                     <button class="action_button question_button" id="QA_0" >Où étiez vous hier soir&nbsp;?</button>
                     <button class="action_button question_button" id="QA_1" >Avec qui étiez vous&nbsp;?</button>
                 </div>
-                <div class="question_answer hidden">
-                    <h1 class="anwser_title">Réponse du suspect à la question</h1>
-                    <p class="suspect_answer"></p>
-                </div>
+            </div>
+            <div class="question_answer hidden">
+                <h1 class="anwser_title">Réponse du suspect à la question</h1>
+                <p class="suspect_answer"></p>
             </div>
         </div>
         <div class="results_game hidden">