From 3a57f4df16f40286f3d080e399d666d2aee77b10 Mon Sep 17 00:00:00 2001
From: lfarrell <lfarrell@email.unc.edu>
Date: Mon, 5 Feb 2024 11:56:36 -0500
Subject: [PATCH] Add a space when separating exhibit links

---
 .../src/components/full_record/aggregateRecord.vue              | 2 +-
 .../src/components/full_record/collectionFolder.vue             | 2 +-
 .../js/vue-cdr-access/src/components/full_record/fileRecord.vue | 2 +-
 static/js/vue-cdr-access/tests/unit/aggregateRecord.spec.js     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/js/vue-cdr-access/src/components/full_record/aggregateRecord.vue b/static/js/vue-cdr-access/src/components/full_record/aggregateRecord.vue
index b16225bcf1..8833a7b267 100644
--- a/static/js/vue-cdr-access/src/components/full_record/aggregateRecord.vue
+++ b/static/js/vue-cdr-access/src/components/full_record/aggregateRecord.vue
@@ -59,7 +59,7 @@
                                             <span class="has-text-weight-bold">{{ $t('full_record.related_digital_exhibits') }}: </span>
                                             <template v-for="(exhibit_link, title, index) in recordData.exhibits">
                                                 <a :href="exhibit_link">{{ title }}</a>
-                                                <template v-if="hasMoreExhibits(index, recordData.exhibits)">;</template>
+                                                <template v-if="hasMoreExhibits(index, recordData.exhibits)">; </template>
                                             </template>
                                         </li>
                                     </ul>
diff --git a/static/js/vue-cdr-access/src/components/full_record/collectionFolder.vue b/static/js/vue-cdr-access/src/components/full_record/collectionFolder.vue
index d5482ef92f..62aed2b389 100644
--- a/static/js/vue-cdr-access/src/components/full_record/collectionFolder.vue
+++ b/static/js/vue-cdr-access/src/components/full_record/collectionFolder.vue
@@ -24,7 +24,7 @@
                     <strong>{{ $t('full_record.related_digital_exhibits') }}: </strong>
                     <template v-for="(exhibit_link, title, index) in recordData.exhibits">
                         <a :href="exhibit_link">{{ title }}</a>
-                        <template v-if="hasMoreExhibits(index, recordData.exhibits)">;</template>
+                        <template v-if="hasMoreExhibits(index, recordData.exhibits)">; </template>
                     </template>
                 </p>
                 <p><a @click.prevent="displayMetadata()" href="#">{{ $t('full_record.additional_metadata') }}</a></p>
diff --git a/static/js/vue-cdr-access/src/components/full_record/fileRecord.vue b/static/js/vue-cdr-access/src/components/full_record/fileRecord.vue
index 7da439d0b0..fae9fc232b 100644
--- a/static/js/vue-cdr-access/src/components/full_record/fileRecord.vue
+++ b/static/js/vue-cdr-access/src/components/full_record/fileRecord.vue
@@ -55,7 +55,7 @@
                                                 <span class="has-text-weight-bold">{{ $t('full_record.related_digital_exhibits') }}: </span>
                                                 <template v-for="(exhibit_link, title, index) in recordData.exhibits">
                                                     <a :href="exhibit_link">{{ title }}</a>
-                                                    <template v-if="hasMoreExhibits(index, recordData.exhibits)">;</template>
+                                                    <template v-if="hasMoreExhibits(index, recordData.exhibits)">; </template>
                                                 </template>
                                             </li>
                                             <li>
diff --git a/static/js/vue-cdr-access/tests/unit/aggregateRecord.spec.js b/static/js/vue-cdr-access/tests/unit/aggregateRecord.spec.js
index c1e08e49b8..e2bbc6ea97 100644
--- a/static/js/vue-cdr-access/tests/unit/aggregateRecord.spec.js
+++ b/static/js/vue-cdr-access/tests/unit/aggregateRecord.spec.js
@@ -620,7 +620,7 @@ describe('aggregateRecord.vue', () => {
     it("displays a list of exhibits separated by semicolons", () => {
         let exhibits = wrapper.find('.exhibits');
         expect(exhibits.exists()).toBe(true);
-        expect(exhibits.html()).toEqual(expect.stringMatching(/<a.href=.*boxycartoons.*>The.Cartoons.of.Boxy<\/a>;<a.href=.*dwanepowellcartoons.*>The Cartoons.of.Dwane.Powell<\/a>/));
+        expect(exhibits.html()).toEqual(expect.stringMatching(/<a.href=.*boxycartoons.*>The.Cartoons.of.Boxy<\/a>;\s<a.href=.*dwanepowellcartoons.*>The Cartoons.of.Dwane.Powell<\/a>/));
     });
 
     it("displays a list with one exhibit without semicolons", async () => {