fixing multiple references

front/js/svelte/records/elements/ReferenceInlineButtons.svelte

@@ -43,6 +43,7 @@
 
     function createInlineReference(e, schemaUId) {
         e.preventDefault();
+        inLineCreateRecord = null;
         axios
             .get(channel.lucentUrl + "/records/newInline?schema=" + schemaUId)
             .then((response) => {
@@ -59,27 +60,29 @@
     <div
             style="display: flex;align-items: center;gap:4px"
     >
-        {#each schemas as schema}
-            <Dropdown>
-                <div slot="button" class:is-first={!recordId}>
-                    {schema.label}
-                </div>
+        <Dropdown>
+            <div slot="button">New</div>
+            {#each schemas as schema}
                 <button
                         class=" button"
                         on:click={(e) =>
                                 createInlineReference(e, schema.name)}
-                >Create New Record
+                >{schema.name}
                 </button>
+            {/each}
+
+        </Dropdown>
+        <Dropdown>
+            <div slot="button"> <Icon icon="magnifying-glass"/></div>
+            {#each schemas as schema}
                 <button
                         class="button"
                         on:click={(e) => openBrowseModal(e, schema.name)}
-                >
-                    <Icon icon="magnifying-glass"/>
-                    Search
-                </button
-                >
-            </Dropdown>
-        {/each}
+                >{schema.name}
+                </button>
+            {/each}
+
+        </Dropdown>
     </div>
 {:else}
     <div style="display:flex;align-items: center;gap: 4px">