From 77df7517082a8ccc409a7c1566915481147e39c1 Mon Sep 17 00:00:00 2001
From: "C. Fuhrman" <christopher.fuhrman@etsmtl.ca>
Date: Sun, 26 Jan 2025 22:41:11 -0500
Subject: [PATCH] css tweaking answer weights

---
 .../GiftTemplate/templates/NumericalTemplate.ts      |  4 ++--
 .../components/QuestionsDisplay/questionStyle.css    | 12 +++++++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/client/src/components/GiftTemplate/templates/NumericalTemplate.ts b/client/src/components/GiftTemplate/templates/NumericalTemplate.ts
index 3485d96..4428226 100644
--- a/client/src/components/GiftTemplate/templates/NumericalTemplate.ts
+++ b/client/src/components/GiftTemplate/templates/NumericalTemplate.ts
@@ -49,8 +49,8 @@ function NumericalAnswers2({ choices }: NumericalAnswerOptions): string {
         `<span class="numerical-answer-weight-container ${answer.weight > 0 ? 'answer-positive-weight' : 'answer-zero-or-less-weight'}">${answer.weight}%</span>` : 
         ''
         result += 
-            `<span style="${ParagraphStyle(state.theme)}">Réponse: </span>`
-            + `<input class="gift-input" type="text" style="${InputStyle(state.theme)}" placeholder="${answer.answer}">`
+            `<p style="${ParagraphStyle(state.theme)}">Réponse: </p>`
+            + `<input class="gift-input" type="text" style="${InputStyle(state.theme)};width: 100%" placeholder="${answer.answer}">`
             + weight
             + (answer.feedback ? `<div class="feedback-container">${FormattedTextTemplate(answer.feedback)}</div>` : '');
     });
diff --git a/client/src/components/QuestionsDisplay/questionStyle.css b/client/src/components/QuestionsDisplay/questionStyle.css
index 4cac56a..3958e92 100644
--- a/client/src/components/QuestionsDisplay/questionStyle.css
+++ b/client/src/components/QuestionsDisplay/questionStyle.css
@@ -88,8 +88,7 @@
 }
 
 .numerical-answer-weight-container {
-    display: flow;
-    float: left;
+    display: inline;
     box-shadow: 0px 1px 1px #3a3a3a;
     border-radius: 3px;
     padding-left: 0.2rem;
@@ -122,7 +121,8 @@
 
 .feedback-container {
     margin-left: 1.1rem;
-    display: flow;
+    display: inline-flex !important; /* override the parent */
+    align-items: center;
     position: relative;
     padding: 0 0.5rem;
     background-color: hsl(43, 100%, 94%);
@@ -132,6 +132,12 @@
     box-shadow: 0px 2px 5px hsl(0, 0%, 74%);
 }
 
+.feedback-container img {
+    vertical-align: middle;
+    /* height: 1em; */
+}
+
+
 .global-feedback {
     position: relative;
     padding: 0 1rem;