From 797a1efcfe4dd5f4ab091fe9969e8f3689963e64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?adri=C3=A1n?= <UO287621@uniovi.es>
Date: Mon, 1 Apr 2024 11:19:05 +0200
Subject: [PATCH] fixed questions imagse bug

---
 questionservice/question-service.js |  2 +-
 webapp/src/components/Question.jsx  | 10 ++++------
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/questionservice/question-service.js b/questionservice/question-service.js
index 95bad70..d22cec0 100644
--- a/questionservice/question-service.js
+++ b/questionservice/question-service.js
@@ -139,7 +139,7 @@ app.post('/imgs/answer', (req, res) => {
       correct: "true"
     })
   } else {
-    res.status(400).json({
+    res.status(200).json({
       correct: "false",
       country: `${imgToAssociatedMap.get(answer)}`
     })
diff --git a/webapp/src/components/Question.jsx b/webapp/src/components/Question.jsx
index 022f264..3ee1ff8 100644
--- a/webapp/src/components/Question.jsx
+++ b/webapp/src/components/Question.jsx
@@ -42,12 +42,10 @@ const Question = (props) => {
                     <h1 className="font-bold text-3xl text-gray-800 pl-8">{question.question}</h1>
                     <div className="grid grid-cols-2 mt-10 item">
                     {question.images.map( image => (
-                        <div className="rounded-xl mx-8 my-8">
-                            <button className="transition-transform transform-gpu hover:scale-105">
-                                <img src={image} alt='Loading image...' className="rounded-lg max-h-50 object-contain shadow-md"
-                                    onClick={() => answerQuestion(image)}></img>
-                            </button>
-                        </div>
+                        <button className="transition-transform transform-gpu hover:scale-105 rounded-xl mx-8 my-8 max-h-52 max-w-80">
+                            <img src={image} alt='Loading image...' className="rounded-lg object-contain shadow-md"
+                                onClick={() => answerQuestion(image)}></img>
+                        </button>
                     ))}
                     </div>
                     </>