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 {
`${answer.weight}%` :
''
result +=
- `Réponse: `
- + ``
+ `
Réponse:
`
+ + ``
+ weight
+ (answer.feedback ? `${FormattedTextTemplate(answer.feedback)}
` : '');
});
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;