From 5c919f0f8609a01b8e0c1342259d7eae74493806 Mon Sep 17 00:00:00 2001
From: Marcus Bakker <marcus@mbsecure.nl>
Date: Mon, 1 Mar 2021 18:58:41 +0100
Subject: [PATCH] Small UI improvement

---
 .../Inputs/ApplicableToCollapse.vue           | 35 ++++++++++---------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/editor/src/components/Inputs/ApplicableToCollapse.vue b/editor/src/components/Inputs/ApplicableToCollapse.vue
index f5ea966..ac478ef 100644
--- a/editor/src/components/Inputs/ApplicableToCollapse.vue
+++ b/editor/src/components/Inputs/ApplicableToCollapse.vue
@@ -16,6 +16,7 @@
         </div>
 
         <div class="mb-3">
+            <label>Applicable to</label>
             <div v-for="(row, i) in applicable_to" :key="i" :row="row">
                 <div class="collapseHeader">
                     <div class="row">
@@ -34,7 +35,7 @@
                     <b-card class="collapseContent">
                         <list-editor
                             :list="row.applicable_to"
-                            :name="title + ' is applicable to'"
+                            :name="'Change applicable to value(s)'"
                             placeholder="applicable to"
                             class="mt-md-2 no-bottom-margin"
                             :externalListToValidate="getApplicableToList()"
@@ -177,57 +178,57 @@ export default {
             defaultKVKeys: Object.keys(this.emptyObject),
             showHelptextScore: false,
             currentModal: '',
-            commentModal: '',
+            commentModal: ''
         };
     },
     mixins: [notificationMixin, pageDetailMixin],
     props: {
         title: {
             type: String,
-            required: true,
+            required: true
         },
         applicable_to: {
             type: Array,
-            required: true,
+            required: true
         },
         showLocation: {
             type: Boolean,
             required: false,
-            default: true,
+            default: true
         },
         helpText: {
             type: String,
-            required: true,
+            required: true
         },
         scores: {
             type: Array,
-            required: true,
+            required: true
         },
         scoresTooltip: {
             type: Object,
-            required: true,
+            required: true
         },
         defaultScore: {
             type: Number,
-            required: true,
+            required: true
         },
         showAutoGenerated: {
             type: Boolean,
             required: false,
-            default: false,
+            default: false
         },
         emptyScoreEntry: {
             type: Object,
-            required: true,
+            required: true
         },
         helptextScore: {
             type: String,
-            required: true,
+            required: true
         },
         emptyObject: {
             type: Object,
-            required: true,
-        },
+            required: true
+        }
     },
     components: {
         ListEditor,
@@ -236,7 +237,7 @@ export default {
         ScoreLogbook,
         ScoreSlider,
         Icons,
-        ExtendedTextarea,
+        ExtendedTextarea
     },
     methods: {
         escapeKeyListener: function(evt) {
@@ -335,8 +336,8 @@ export default {
         },
         editCommentCallback(b) {
             this.commentModal = b;
-        },
-    },
+        }
+    }
 };
 </script>