From 810a660d7e9e91b37fdf33ad30e739a0377ec9a9 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Tue, 5 May 2020 23:37:30 +0200
Subject: [PATCH] Adjust design and wording of 'Mandatory questions' and don't
 show on success

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 src/views/Create.vue | 8 ++++++--
 src/views/Submit.vue | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/views/Create.vue b/src/views/Create.vue
index 9996ba6..7713f31 100644
--- a/src/views/Create.vue
+++ b/src/views/Create.vue
@@ -68,8 +68,8 @@
 				@keydown="autoSizeDescription"
 				@keyup="onDescChange" />
 			<!-- Only visible if at least one question is marked as mandatory-->
-			<p v-if="mandatoryUsed" class="form-desc">
-				* {{ t('forms', 'Mandatory fields') }}
+			<p v-if="mandatoryUsed" class="form-desc info-mandatory">
+				* {{ t('forms', 'Mandatory questions') }}
 			</p>
 		</header>
 
@@ -413,6 +413,10 @@ export default {
 			padding-bottom: 20px;
 			resize: none;
 		}
+
+		.info-mandatory {
+			color: var(--color-text-maxcontrast);
+		}
 	}
 
 	.empty-content__button {
diff --git a/src/views/Submit.vue b/src/views/Submit.vue
index d000bb6..88b07df 100644
--- a/src/views/Submit.vue
+++ b/src/views/Submit.vue
@@ -32,8 +32,8 @@
 					{{ form.description }}
 				</p>
 				<!-- Only visible if at least one question is marked as mandatory-->
-				<p v-if="mandatoryUsed" class="form-desc">
-					* {{ t('forms', 'Mandatory fields') }}
+				<p v-if="mandatoryUsed && !loading && !success" class="form-desc info-mandatory">
+					* {{ t('forms', 'Mandatory questions') }}
 				</p>
 			</header>
 
@@ -205,6 +205,10 @@ export default {
 			padding-bottom: 20px;
 			resize: none;
 		}
+
+		.info-mandatory {
+			color: var(--color-text-maxcontrast);
+		}
 	}
 
 	form {