updated nonempty label styles

ui/src/components/base/Field.svelte

@@ -45,11 +45,12 @@
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div bind:this={container} class={classes} class:error={fieldErrors.length} on:click>
     <slot {uniqueId} />
 
     {#if inlineError && fieldErrors.length}
-        <div class="form-field-addon">
+        <div class="form-field-addon inline-error-icon">
             <i
                 class="ri-error-warning-fill txt-danger"
                 transition:scale={{ duration: 150, start: 0.7 }}

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

@@ -132,11 +132,11 @@
             name="schema.{key}.name"
             inlineError
         >
-            <div class="markers">
-                {#if field.required}
-                    <span class="marker marker-required" use:tooltip={requiredLabel} />
-                {/if}
-            </div>
+            {#if field.required}
+                <div class="field-labels">
+                    <span class="label label-success">{requiredLabel}</span>
+                </div>
+            {/if}
 
             <div
                 class="form-field-addon prefix no-pointer-events field-type-icon"