From 3e778fa27da2355d3cc2e223e148fb4f4a452c44 Mon Sep 17 00:00:00 2001
From: HMS17 <hms243@cornell.edu>
Date: Tue, 14 Jul 2026 14:31:06 -0400
Subject: [PATCH] [BI-2850] - Add download options to new genotyping page

---
 src/components/VueFeatherIconPack.vue |  4 +++-
 src/views/genotyping/Genotyping.vue   | 10 +++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/VueFeatherIconPack.vue b/src/components/VueFeatherIconPack.vue
index c2303229..2f6c49cd 100644
--- a/src/components/VueFeatherIconPack.vue
+++ b/src/components/VueFeatherIconPack.vue
@@ -28,6 +28,7 @@ import { ArrowDownIcon,
   ChevronRightIcon,
   ChevronUpIcon,
   DownloadIcon,
+  UploadIcon,
   LogOutIcon,
   UserIcon} from "vue-feather-icons";
 
@@ -41,7 +42,8 @@ export default {
     ArrowDownIcon,
     LogOutIcon,
     UserIcon,
-    DownloadIcon
+    DownloadIcon,
+    UploadIcon
   },
   props: {
     icon: [String, Array],
diff --git a/src/views/genotyping/Genotyping.vue b/src/views/genotyping/Genotyping.vue
index 061dfc87..84198b3e 100644
--- a/src/views/genotyping/Genotyping.vue
+++ b/src/views/genotyping/Genotyping.vue
@@ -26,7 +26,7 @@
       v-on:click="importGenotypingFile"
     >
       <span class="icon is-small">
-        <PlusCircleIcon
+        <UploadIcon
           size="1.5x"
           aria-hidden="true"
         />
@@ -110,7 +110,7 @@
       >
         {{ displayValue(props.row.data.genotypingImportBy) }}
       </b-table-column>
-      <b-table-column field="data.genotypeImportId" sortable v-slot="props" :th-attrs="(column) => ({scope:'col'})">
+      <b-table-column width="150" field="data.genotypeImportId" sortable v-slot="props" :th-attrs="(column) => ({scope:'col'})">
         <a href="javascript:void(0)" v-on:click="downloadFile(props.row.data)"><DownloadIcon></DownloadIcon> Download</a>
       </b-table-column>
 
@@ -126,7 +126,7 @@
 <script lang="ts">
 import {Component, Watch} from 'vue-property-decorator';
 import {mapGetters} from 'vuex';
-import {PlusCircleIcon, DownloadIcon} from 'vue-feather-icons';
+import {UploadIcon, DownloadIcon} from 'vue-feather-icons';
 import ProgramsBase from '@/components/program/ProgramsBase.vue';
 import ExpandableTable from '@/components/tables/expandableTable/ExpandableTable.vue';
 import {Program} from '@/breeding-insight/model/Program';
@@ -146,8 +146,8 @@ import {
 @Component({
   components: {
     ExpandableTable,
-    PlusCircleIcon,
-    DownloadIcon
+    DownloadIcon,
+    UploadIcon
   },
   computed: {
     ...mapGetters([