From 4d52c16f91f5ae2abad89145147624b9cd7bdffb Mon Sep 17 00:00:00 2001
From: "M. Vondano" <m-vo@users.noreply.github.com>
Date: Tue, 9 Mar 2021 20:25:03 +0100
Subject: [PATCH 1/3] tweak message

---
 src/Resources/translations/MvoContaoSurveyBundle.de.yml | 2 +-
 src/Resources/translations/MvoContaoSurveyBundle.en.yml | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Resources/translations/MvoContaoSurveyBundle.de.yml b/src/Resources/translations/MvoContaoSurveyBundle.de.yml
index 1bb15c3..56e26e8 100644
--- a/src/Resources/translations/MvoContaoSurveyBundle.de.yml
+++ b/src/Resources/translations/MvoContaoSurveyBundle.de.yml
@@ -1,7 +1,7 @@
 form:
   button:
     clear_current: '↺'
-    clear_current_title: 'Diesen Schritt zurücksetzen'
+    clear_current_title: 'Diese Frage zurücksetzen'
     next: 'Weiter'
     previous: 'Zurück'
     submit: 'Absenden'
diff --git a/src/Resources/translations/MvoContaoSurveyBundle.en.yml b/src/Resources/translations/MvoContaoSurveyBundle.en.yml
index 1c71fed..ef07942 100644
--- a/src/Resources/translations/MvoContaoSurveyBundle.en.yml
+++ b/src/Resources/translations/MvoContaoSurveyBundle.en.yml
@@ -1,7 +1,7 @@
 form:
   button:
     clear_current: '↺'
-    clear_current_title: 'Reset this step'
+    clear_current_title: 'Reset this question'
     next: 'Next'
     previous: 'Previous'
     submit: 'Submit'

From ba71a1ccee816c5bd8fb744f91e566588fd40d9c Mon Sep 17 00:00:00 2001
From: "M. Vondano" <m-vo@users.noreply.github.com>
Date: Tue, 9 Mar 2021 20:25:28 +0100
Subject: [PATCH 2/3] make scroll note dynamic

---
 src/Resources/views/Form/Matrix.html.twig | 25 +++++++++++++----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/Resources/views/Form/Matrix.html.twig b/src/Resources/views/Form/Matrix.html.twig
index 33d4dfe..c7d4d5c 100644
--- a/src/Resources/views/Form/Matrix.html.twig
+++ b/src/Resources/views/Form/Matrix.html.twig
@@ -2,18 +2,21 @@
 {% extends '@MvoContaoSurvey/Form/Question.html.twig' %}
 
 {% block form_row %}
-    <div class="{% block answer_classes %}survey_answer survey_answer--matrix{% endblock %}" x-data>
-        <table>
+    <div class="{% block answer_classes %}survey_answer survey_answer--matrix{% endblock %}"
+         x-data x-init="checkSize=()=>{$refs.scroll.classList.toggle('hidden',$el.scrollWidth<=$el.clientWidth)}; (new ResizeObserver(checkSize)).observe($el); checkSize()">
+        <table class="hyphenate">
             <thead>
-                <tr>
-                    <td><span class="note_scroll hidden">{{ 'element.scroll_note'|trans() }}</span></td>
-                    {% for option in form.vars.matrix_columns %}
-                        <td class="option" data-option="{{ loop.index0 }}"
-                            @click="$el.querySelectorAll('[data-option=\'{{ loop.index0 }}\'] input').forEach(i => {i.checked = true})">
-                            {{ option|raw }}
-                        </td>
-                    {% endfor %}
-                </tr>
+            <tr>
+                <td>
+                    <div class="note_scroll hidden text-sm italic text-gray-500" x-ref="scroll">{{ 'element.scroll_note'|trans() }}</div>
+                </td>
+                {% for option in form.vars.matrix_columns %}
+                    <td class="option" data-option="{{ loop.index0 }}"
+                        @click="$el.querySelectorAll('[data-option=\'{{ loop.index0 }}\'] input').forEach(i => {i.checked = true})">
+                        {{ option|raw }}
+                    </td>
+                {% endfor %}
+            </tr>
             </thead>
             <tbody>
             {% for row in form.children %}

From 2764e59797e435bd43f689acd2a09db1f1178819 Mon Sep 17 00:00:00 2001
From: "M. Vondano" <m-vo@users.noreply.github.com>
Date: Tue, 9 Mar 2021 20:25:48 +0100
Subject: [PATCH 3/3] align select user option by default

---
 src/Resources/views/Form/Select.html.twig | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Resources/views/Form/Select.html.twig b/src/Resources/views/Form/Select.html.twig
index ecec61b..21b13c3 100644
--- a/src/Resources/views/Form/Select.html.twig
+++ b/src/Resources/views/Form/Select.html.twig
@@ -15,7 +15,7 @@
                 {% else %}
                     {% set placeholder = 'element.user_option_placeholder'|trans() %}
                     {% set user_option_labels = form.vars.data.question.userOptionLabels %}
-                    <div class="inline-flex flex-row user_option{% if form.user_option.vars.errors|length > 0 %} error{% endif %}"
+                    <div class="inline-flex flex-row items-baseline user_option{% if form.user_option.vars.errors|length > 0 %} error{% endif %}"
                         @click="$refs.s_{{ loop.index0 }}.querySelector('input').checked=true">
                         {% if user_option_labels[0] -%}
                             <span class="mr-2 user_option--prefix">{{ user_option_labels[0] }}</span>