references

front/js/svelte/records/elements/Reference.svelte

@@ -1,11 +1,11 @@
 <script>
     import {getContext} from "svelte";
     import {insertEdges} from "./reference";
-    import PreviewCard from "../PreviewCard.svelte";
     import {getErrorMessage} from "./errorMessage";
     import {sortByField} from "../../edges/sortEdges";
     import ReferenceInlineButtons from "./ReferenceInlineButtons.svelte";
     import Sortable from "../../libs/Sortable.svelte";
+    import PreviewReference from "../previews/PreviewReference.svelte";
 
     const channel = getContext("channel");
     export let record;
@@ -61,8 +61,8 @@
 {#if references.length > 0}
     <Sortable sortableClass="row row-cols-3 mt-3" on:update={reorder}>
         {#each references as reference (reference.id)}
-            <div class="col mb-3">
-                <PreviewCard
+            <div>
+                <PreviewReference
                     classes="h-100"
                     record={reference}
                     hasDelete={true}