From 59dd6e33b26b9820ef4964305bcdd9e4f5bb87ff Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Thu, 3 Sep 2020 16:58:18 -0400
Subject: [PATCH] Add required asterisk to schema setup pane

---
 .../data-model/field-detail/components/schema.vue  | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/src/modules/settings/routes/data-model/field-detail/components/schema.vue b/app/src/modules/settings/routes/data-model/field-detail/components/schema.vue
index b70c74964e..831f0c67c0 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/components/schema.vue
+++ b/app/src/modules/settings/routes/data-model/field-detail/components/schema.vue
@@ -4,7 +4,10 @@
 
 		<div class="form">
 			<div class="field">
-				<div class="label type-label">{{ $t('key') }}</div>
+				<div class="label type-label">
+					{{ $t('key') }}
+					<v-icon class="required" sup name="star" />
+				</div>
 				<v-input
 					:disabled="isExisting"
 					autofocus
@@ -16,7 +19,10 @@
 			</div>
 
 			<div class="field">
-				<div class="label type-label">{{ $t('type') }}</div>
+				<div class="label type-label">
+					{{ $t('type') }}
+					<v-icon class="required" sup name="star" />
+				</div>
 				<v-input v-if="!fieldData.schema" :value="$t('alias')" disabled />
 				<v-select
 					v-else
@@ -218,4 +224,8 @@ export default defineComponent({
 .monospace {
 	--v-input-font-family: var(--family-monospace);
 }
+
+.required {
+	--v-icon-color: var(--primary);
+}
 </style>