Add wide variant of simple answers

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;

app/views/questions/_simple_form.html.erb

@@ -1,4 +1,5 @@
 <input id="<%= "question_answer_#{question.id}" %>"
+       class="<%= "simple-answer-wide" if question.data&.fetch("wide") %>"
        type="text"
        value="<%= question.answer&.data || '' %>"
        autocomplete="off"

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] %>