From a5972f1343379401100654e4e90ffb2a3a523f7a Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Sat, 9 May 2020 02:21:34 +0200 Subject: [PATCH] Fix overlapping text of long answers Signed-off-by: Jan-Christoph Borchardt --- src/components/Questions/QuestionMultiple.vue | 6 ++++-- src/views/Submit.vue | 7 ------- 2 files changed, 4 insertions(+), 9 deletions(-) diff --git a/src/components/Questions/QuestionMultiple.vue b/src/components/Questions/QuestionMultiple.vue index 964b56a..b433942 100644 --- a/src/components/Questions/QuestionMultiple.vue +++ b/src/components/Questions/QuestionMultiple.vue @@ -283,14 +283,16 @@ export default { position: relative; display: inline-flex; align-items: center; - height: 44px; + min-height: 44px; .question__label { flex: 1 1 100%; // Overwrite guest page core styles text-align: left !important; + padding: 11px 0 11px 30px; &::before { - margin: 14px !important; + margin-left: -30px !important; + margin-right: 14px !important; } } } diff --git a/src/views/Submit.vue b/src/views/Submit.vue index 7f8645c..cc6eb96 100644 --- a/src/views/Submit.vue +++ b/src/views/Submit.vue @@ -215,13 +215,6 @@ export default { .question { // 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 ul.question__content { - // Left-align multiple choice and checkboxes with question text - // Only in submit view - // TODO: use variables - margin-left: -14px; - } } input[type=submit] {