From 33d81ac60489c1941d815ff447d94faacf19e836 Mon Sep 17 00:00:00 2001
From: JubaAzul <118773284+JubaAzul@users.noreply.github.com>
Date: Fri, 14 Mar 2025 20:03:14 -0400
Subject: [PATCH] =?UTF-8?q?il=20manque=20simplement=20=C3=A0=20centrer=20l?=
 =?UTF-8?q?e=20boutton=20r=C3=A9ponse?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MultipleChoiceQuestionDisplay.tsx         |  4 +-
 .../QuestionsDisplay/questionStyle.css        | 59 +++++++++++--------
 2 files changed, 35 insertions(+), 28 deletions(-)

diff --git a/client/src/components/QuestionsDisplay/MultipleChoiceQuestionDisplay/MultipleChoiceQuestionDisplay.tsx b/client/src/components/QuestionsDisplay/MultipleChoiceQuestionDisplay/MultipleChoiceQuestionDisplay.tsx
index 518021e..1a3152d 100644
--- a/client/src/components/QuestionsDisplay/MultipleChoiceQuestionDisplay/MultipleChoiceQuestionDisplay.tsx
+++ b/client/src/components/QuestionsDisplay/MultipleChoiceQuestionDisplay/MultipleChoiceQuestionDisplay.tsx
@@ -99,8 +99,8 @@ const MultipleChoiceQuestionDisplay: React.FC<Props> = (props) => {
             {!showAnswer && handleOnSubmitAnswer && (
 
                 <Button
-                    className='submit-button'
-                    variant="contained"
+                className='submit-button'
+                variant="contained"
                     onClick={() =>
                         answer !== "" && handleOnSubmitAnswer && handleOnSubmitAnswer(answer)
                     }
diff --git a/client/src/components/QuestionsDisplay/questionStyle.css b/client/src/components/QuestionsDisplay/questionStyle.css
index ceaae49..ddd6416 100644
--- a/client/src/components/QuestionsDisplay/questionStyle.css
+++ b/client/src/components/QuestionsDisplay/questionStyle.css
@@ -21,7 +21,6 @@
 .question-wrapper {
     display: flex;
     flex-direction: column;
-    justify-content: center;
 }
 
 .question-wrapper .katex {
@@ -29,7 +28,8 @@
 }
 
 .katex * {
-    font-family: 'KaTeX_Main'  /* to display characters like \neq properly */
+    font-family: 'KaTeX_Main'
+        /* to display characters like \neq properly */
 }
 
 .circle {
@@ -95,15 +95,11 @@
 }
 
 .answer-positive-weight {
-    background-color: hsl(
-        120, 100%, 90%
-    );
+    background-color: hsl(120, 100%, 90%);
 }
 
 .answer-zero-or-less-weight {
-    background-color: hsl(
-        0, 100%, 90%
-    );
+    background-color: hsl(0, 100%, 90%);
 }
 
 .answer-text.selected {
@@ -117,7 +113,8 @@
 }
 
 .feedback-container {
-    display: inline-block !important; /* override the parent */
+    display: inline-block !important;
+    /* override the parent */
     align-items: center;
     margin-left: 1.1rem;
     position: relative;
@@ -154,6 +151,7 @@
     border-radius: 6px;
     box-shadow: 0px 2px 5px hsl(0, 0%, 74%);
 }
+
 .false-feedback {
     position: relative;
     padding: 0 1rem;
@@ -169,26 +167,37 @@
 }
 
 .correct-answer-text {
-    text-align: left; /* Align text to the left */
-    width: 100%; /* Ensure it takes the full width of its container */
+    text-align: left;
+    /* Align text to the left */
+    width: 100%;
+    /* Ensure it takes the full width of its container */
 }
 
 .accepted-answers {
-    display: inline-block; /* Display elements side by side */
-    border-radius: 6px; /* Add rounded corners */
-    padding: 0.5rem; /* Add padding for spacing */
-    margin: 0.5rem; /* Add margin for spacing between elements */
-    background-color: hsl(0, 0%, 87%); /* Optional: Add a background color for emphasis */
+    display: inline-block;
+    /* Display elements side by side */
+    border-radius: 6px;
+    /* Add rounded corners */
+    padding: 0.5rem;
+    /* Add padding for spacing */
+    margin: 0.5rem;
+    /* Add margin for spacing between elements */
+    background-color: hsl(0, 0%, 87%);
+    /* Optional: Add a background color for emphasis */
 }
-.question-feedback-validation{
-    font-size: 1.8rem; /* Increase the font size */
-    font-weight: bold; /* Make the text bold */
+
+.question-feedback-validation {
+    font-size: 1.8rem;
+    /* Increase the font size */
+    font-weight: bold;
+    /* Make the text bold */
     width: 100%;
     height: 100%;
     margin: 0 auto;
 
 }
-.question-title{
+
+.question-title {
     margin-bottom: 0.5rem;
     margin-top: 1.5rem;
     width: 100%;
@@ -196,14 +205,12 @@
     font-weight: bold;
 }
 
-.question-content{
+.question-content {
     margin-bottom: 1rem;
-    
-}
-.submit-button{
-width: 20%;
 
 }
 
-
+.submit-button {
+    width: min-content;
+    margin-left: 19rem;}