From 9391040641f43112c857b999569f166d2e4cec2d Mon Sep 17 00:00:00 2001
From: davelopez <46503462+davelopez@users.noreply.github.com>
Date: Mon, 22 Apr 2024 18:01:06 +0200
Subject: [PATCH 1/2] Tweak export records

Show old records inside the same Card instead of having them completely separated.
---
 .../components/Common/ExportRecordDetails.vue |  4 +-
 .../History/Export/HistoryExport.vue          | 38 +++++++++----------
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/client/src/components/Common/ExportRecordDetails.vue b/client/src/components/Common/ExportRecordDetails.vue
index 2846093230ec..86ba12c2f8c5 100644
--- a/client/src/components/Common/ExportRecordDetails.vue
+++ b/client/src/components/Common/ExportRecordDetails.vue
@@ -60,7 +60,7 @@ function onMessageDismissed() {
 </script>
 
 <template>
-    <BCard class="export-record-details">
+    <div class="export-record-details">
         <BCardTitle>
             <b>{{ title }}</b> {{ props.record.elapsedTime }}
         </BCardTitle>
@@ -149,5 +149,5 @@ function onMessageDismissed() {
                 </div>
             </div>
         </div>
-    </BCard>
+    </div>
 </template>
diff --git a/client/src/components/History/Export/HistoryExport.vue b/client/src/components/History/Export/HistoryExport.vue
index eaf52ef83204..71523a8eddf1 100644
--- a/client/src/components/History/Export/HistoryExport.vue
+++ b/client/src/components/History/Export/HistoryExport.vue
@@ -270,28 +270,28 @@ function updateExportParams(newParams: ExportParams) {
             {{ errorMessage }}
         </BAlert>
         <div v-else-if="latestExportRecord">
-            <h2 class="h-md mt-3">Latest Export Record</h2>
-            <ExportRecordDetails
-                :record="latestExportRecord"
-                object-type="history"
-                class="mt-3"
-                :action-message="actionMessage"
-                :action-message-variant="actionMessageVariant"
-                @onDownload="downloadFromRecord"
-                @onCopyDownloadLink="copyDownloadLinkFromRecord"
-                @onReimport="reimportFromRecord"
-                @onActionMessageDismissed="onActionMessageDismissedFromRecord" />
+            <h2 class="h-md mt-3">Export Records</h2>
+            <BCard>
+                <ExportRecordDetails
+                    :record="latestExportRecord"
+                    object-type="history"
+                    :action-message="actionMessage"
+                    :action-message-variant="actionMessageVariant"
+                    @onDownload="downloadFromRecord"
+                    @onCopyDownloadLink="copyDownloadLinkFromRecord"
+                    @onReimport="reimportFromRecord"
+                    @onActionMessageDismissed="onActionMessageDismissedFromRecord" />
+                <ExportRecordTable
+                    v-if="hasPreviousExports"
+                    id="previous-export-records"
+                    :records="previousExportRecords"
+                    class="mt-3"
+                    @onDownload="downloadFromRecord"
+                    @onReimport="reimportFromRecord" />
+            </BCard>
         </div>
         <BAlert v-else id="no-export-records-alert" variant="info" class="mt-3" show>
             {{ availableRecordsMessage }}
         </BAlert>
-
-        <ExportRecordTable
-            v-if="hasPreviousExports"
-            id="previous-export-records"
-            :records="previousExportRecords"
-            class="mt-3"
-            @onDownload="downloadFromRecord"
-            @onReimport="reimportFromRecord" />
     </span>
 </template>

From 5676c14277d13a7628ffdfd23e3b18c341da4c13 Mon Sep 17 00:00:00 2001
From: davelopez <46503462+davelopez@users.noreply.github.com>
Date: Mon, 22 Apr 2024 18:15:47 +0200
Subject: [PATCH 2/2] Use correct heading

---
 client/src/components/Common/ExportRecordDetails.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Common/ExportRecordDetails.vue b/client/src/components/Common/ExportRecordDetails.vue
index 86ba12c2f8c5..6d4199f6e905 100644
--- a/client/src/components/Common/ExportRecordDetails.vue
+++ b/client/src/components/Common/ExportRecordDetails.vue
@@ -8,12 +8,13 @@ import {
     faLink,
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import { BAlert, BButton, BCard, BCardTitle } from "bootstrap-vue";
+import { BAlert, BButton } from "bootstrap-vue";
 import { computed } from "vue";
 
 import type { ColorVariant } from ".";
 import { ExportRecord } from "./models/exportRecordModel";
 
+import Heading from "@/components/Common/Heading.vue";
 import LoadingSpan from "@/components/LoadingSpan.vue";
 
 library.add(faCheckCircle, faClock, faExclamationCircle, faExclamationTriangle, faLink);
@@ -61,9 +62,9 @@ function onMessageDismissed() {
 
 <template>
     <div class="export-record-details">
-        <BCardTitle>
+        <Heading size="sm">
             <b>{{ title }}</b> {{ props.record.elapsedTime }}
-        </BCardTitle>
+        </Heading>
 
         <p v-if="!props.record.isPreparing">
             Format: <b class="record-archive-format">{{ props.record.modelStoreFormat }}</b>