updated default select field labels

ui/src/components/base/DynamicOptionsSelect.svelte

@@ -6,7 +6,7 @@
     export let id = null;
     export let items = [];
     export let disabled = false;
-    export let emptyPlaceholder = "Add choices...";
+    export let emptyPlaceholder = "Add items";
     export let newPlaceholder = "e.g. optionA";
 
     let newInput;
@@ -37,7 +37,7 @@
     }
 </script>
 
-<div>
+<div class="block">
     <input
         {id}
         readonly
@@ -71,7 +71,7 @@
                             <button
                                 type="button"
                                 class="btn btn-circle btn-transparent btn-hint btn-xs"
-                                title="Remove item"
+                                title="Remove"
                                 on:click|stopPropagation={() => remove(item)}
                             >
                                 <i class="ri-close-line" aria-hidden="true"></i>
@@ -102,7 +102,7 @@
                                 <button
                                     type="button"
                                     class="btn btn-transparent btn-xs btn-circle new-item-btn"
-                                    title="Add new item"
+                                    title="Add new"
                                     class:btn-disabled={!newInputVal.length}
                                     on:click={() => add(newInputVal)}
                                 >

ui/src/components/collections/schema/SchemaFieldSelect.svelte

@@ -46,7 +46,11 @@
             name="fields.{key}.values"
             let:uniqueId
         >
-            <DynamicOptionsSelect id={uniqueId} bind:items={field.values} />
+            <DynamicOptionsSelect
+                id={uniqueId}
+                emptyPlaceholder={"Add choices *"}
+                bind:items={field.values}
+            />
         </Field>
 
         <div class="separator" />