references

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

@@ -60,7 +60,7 @@
     <button
             type="button"
             class:is-first={!recordId}
-            class=" btn btn-lg btn-link text-decoration-none inline-card-button"
+            class="button"
             on:click|preventDefault={(e) => (showOptions = !showOptions)}
     >
         <Icon width={24} height={24} icon="circle-plus"/>
@@ -95,21 +95,19 @@
         </div>
     {/if}
 {:else}
-    <div class="pb-2 text-start">
-        <div class="mb-2">
+    <div style="display:flex;align-items: center;gap: 4px">
             <button
-                    class="btn btn-sm btn-primary"
+                    class="button"
                     on:click={(e) => createInlineReference(e, schemas[0].name)}
             >New
             </button>
             <button
-                    class="btn btn-sm btn-outline-primary"
+                    class="button"
                     on:click={(e) => openBrowseModal(e, schemas[0].name)}
             >
                 <Icon icon="magnifying-glass"/>
             </button
             >
-        </div>
     </div>
 {/if}