diff --git a/app/assets/stylesheets/application.postcss.css b/app/assets/stylesheets/application.postcss.css index a94757d..fd69fce 100644 --- a/app/assets/stylesheets/application.postcss.css +++ b/app/assets/stylesheets/application.postcss.css @@ -85,6 +85,16 @@ header { font-weight: 600; } +.answer-kind-simple { + margin-top: 1rem; + text-align: end; +} + +.simple-answer-wide { + width: 30rem; + max-width: 100%; +} + .answer-kind-image { .answer-kind-image-container { text-align: center; diff --git a/app/views/questions/_simple_form.html.erb b/app/views/questions/_simple_form.html.erb index 834e88b..d540a59 100644 --- a/app/views/questions/_simple_form.html.erb +++ b/app/views/questions/_simple_form.html.erb @@ -1,4 +1,5 @@ " + class="<%= "simple-answer-wide" if question.data&.fetch("wide") %>" type="text" value="<%= question.answer&.data || '' %>" autocomplete="off" diff --git a/test/fixtures/questions.yml b/test/fixtures/questions.yml index b5c5ac5..c80b079 100644 --- a/test/fixtures/questions.yml +++ b/test/fixtures/questions.yml @@ -172,6 +172,7 @@ culture_neuzekes: culture_strijkijzer: section: culture text: Voor welke drie dingen gebruikt een Gentenaar hun strijkijzer en/of strijkplank? + data: '<%= JSON.dump({ wide: true }) %>' answer_kind: <%= Question.answer_kinds[:simple] %> question_kind: <%= Question.question_kinds[:simple] %> @@ -184,6 +185,7 @@ culture_kangoeroe: culture_waterzooi: section: culture text: Som de ingrediënten op van een Gentse waterzooi. + data: '<%= JSON.dump({ wide: true }) %>' answer_kind: <%= Question.answer_kinds[:simple] %> question_kind: <%= Question.question_kinds[:simple] %> @@ -487,36 +489,42 @@ connections_sport: translations_lousbirge: section: translations text: "We goan eu in Lousbirge steeke." + data: '<%= JSON.dump({ wide: true }) %>' answer_kind: <%= Question.answer_kinds[:simple] %> question_kind: <%= Question.question_kinds[:simple] %> translations_alvekoate: section: translations text: "Da weete mijn kluuten uuk en 't zijn gîen alvekoate." + data: '<%= JSON.dump({ wide: true }) %>' answer_kind: <%= Question.answer_kinds[:simple] %> question_kind: <%= Question.question_kinds[:simple] %> translations_deursteeke: section: translations text: "De koarte deursteeke." + data: '<%= JSON.dump({ wide: true }) %>' answer_kind: <%= Question.answer_kinds[:simple] %> question_kind: <%= Question.question_kinds[:simple] %> translations_dampuurte: section: translations text: "'k Goa eu mee eu muile teege de Dampuurte plakke, dadde viertien doage bruine ziepe schijt." + data: '<%= JSON.dump({ wide: true }) %>' answer_kind: <%= Question.answer_kinds[:simple] %> question_kind: <%= Question.question_kinds[:simple] %> translations_wielekes: section: translations text: "O mijn tante wielekes g'hat, 't was een kerre." + data: '<%= JSON.dump({ wide: true }) %>' answer_kind: <%= Question.answer_kinds[:simple] %> question_kind: <%= Question.question_kinds[:simple] %> translations_soepe: section: translations text: "Veur em schept God den dag en moed'r schept de soepe." + data: '<%= JSON.dump({ wide: true }) %>' answer_kind: <%= Question.answer_kinds[:simple] %> question_kind: <%= Question.question_kinds[:simple] %>