From 1dd3231b3119f5800653d62c7fadbd0d303eb2a7 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Fri, 1 May 2020 02:35:03 +0200
Subject: [PATCH 1/3] Fix text input placeholder issue again

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 src/components/Questions/QuestionLong.vue  | 2 +-
 src/components/Questions/QuestionShort.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Questions/QuestionLong.vue b/src/components/Questions/QuestionLong.vue
index 2b9d9a3..0c82860 100644
--- a/src/components/Questions/QuestionLong.vue
+++ b/src/components/Questions/QuestionLong.vue
@@ -31,7 +31,7 @@
 			<!-- TODO: properly choose max length -->
 			<textarea ref="textarea"
 				:aria-label="t('forms', 'A long answer for the question “{text}”', { text })"
-				:placeholder="t('forms', 'People can enter a long answer')"
+				:placeholder="t('forms', 'Long answer text')"
 				:required="true /* TODO: implement required option */"
 				:value="values[0]"
 				class="question__text"
diff --git a/src/components/Questions/QuestionShort.vue b/src/components/Questions/QuestionShort.vue
index ce11c3c..e52e7c3 100644
--- a/src/components/Questions/QuestionShort.vue
+++ b/src/components/Questions/QuestionShort.vue
@@ -31,7 +31,7 @@
 			<!-- TODO: properly choose max length -->
 			<input ref="input"
 				:aria-label="t('forms', 'A short answer for the question “{text}”', { text })"
-				:placeholder="t('forms', 'People can enter a short answer')"
+				:placeholder="t('forms', 'Short answer text')"
 				:required="true /* TODO: implement required option */"
 				:value="values[0]"
 				class="question__input"

From 2f9f8a57a002cf072132dbb8070076a3d00f9653 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Fri, 1 May 2020 02:35:40 +0200
Subject: [PATCH 2/3] Fix height and resizing issue of long text input

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 src/components/Questions/QuestionLong.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Questions/QuestionLong.vue b/src/components/Questions/QuestionLong.vue
index 0c82860..25b3b9f 100644
--- a/src/components/Questions/QuestionLong.vue
+++ b/src/components/Questions/QuestionLong.vue
@@ -85,12 +85,12 @@ export default {
 	min-width: 100%;
 	max-width: 100%;
 	min-height: 44px;
-	max-height: 10rem;
 	margin: 0;
 	padding: 6px 0;
 	border: 0;
 	border-bottom: 1px dotted var(--color-border-dark);
 	border-radius: 0;
+	resize: none;
 }
 
 </style>

From 7c4dcedde3a9d41dad97b72536c67f2fc1a29e80 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Fri, 1 May 2020 02:35:56 +0200
Subject: [PATCH 3/3] Fix indent of short and long text in submission form

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 src/views/Submit.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Submit.vue b/src/views/Submit.vue
index 380d281..30e46f7 100644
--- a/src/views/Submit.vue
+++ b/src/views/Submit.vue
@@ -195,7 +195,7 @@ export default {
 			// Less padding needed as submit view does not have drag handles
 			padding-left: 16px;
 			// stylelint-disable-next-line selector-pseudo-element-no-unknown
-			::v-deep &__content {
+			::v-deep ul.question__content {
 				// Left-align multiple choice and checkboxes with question text
 				// Only in submit view
 				// TODO: use variables