From 58811e29b3cf5ad28d6f23f44899dd334e7389f2 Mon Sep 17 00:00:00 2001
From: HMS17 <hms243@cornell.edu>
Date: Mon, 21 Sep 2026 16:38:58 -0400
Subject: [PATCH 1/4] [BI-2977] - Genotype Results UI/UX improvements (w/o
 delete)

---
 src/assets/scss/main.scss                    | 6 ++++++
 src/components/layouts/UserSideBarLayout.vue | 2 +-
 src/views/genotyping/Genotyping.vue          | 6 ++++--
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 4ccf9e0a3..3b7aab233 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -44,6 +44,7 @@ $pending: $applegreen;
 $pending-invert: #363636; // $grey-darker
 $error: $red;
 $error-invert: #FFFFFF;
+$tooltip-background: #3C3C3C;
 $custom-colors: (
   "pending": ($pending, $pending-invert), "error": ($error, $error-invert)
 );
@@ -1092,5 +1093,10 @@ article.message.is-success *:not(button) {
   color: mix(black, $success, 70%);
 }
 
+.icon-tooltip{
+  font-weight: bold !important;
+  color: $white;
+  background-color: $tooltip-background;
+}
 
 
diff --git a/src/components/layouts/UserSideBarLayout.vue b/src/components/layouts/UserSideBarLayout.vue
index 9c7b9f5e7..e0828d35e 100644
--- a/src/components/layouts/UserSideBarLayout.vue
+++ b/src/components/layouts/UserSideBarLayout.vue
@@ -147,7 +147,7 @@
                 v-bind:id="genotypingMenuId"
                 v-bind:to="{name: 'genotyping', params: {programId: activeProgram.id}}"
               >
-                Genotyping
+                Genotyping Results
               </router-link>
             </li>
             <!--
diff --git a/src/views/genotyping/Genotyping.vue b/src/views/genotyping/Genotyping.vue
index 84198b3e3..35c6e5798 100644
--- a/src/views/genotyping/Genotyping.vue
+++ b/src/views/genotyping/Genotyping.vue
@@ -18,7 +18,7 @@
 <template>
   <div class="genotyping">
     <h1 class="title">
-      Genotyping
+      Genotyping Results
     </h1>
     <button
       v-if="$ability.can('create', 'Import')"
@@ -111,7 +111,9 @@
         {{ displayValue(props.row.data.genotypingImportBy) }}
       </b-table-column>
       <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-tooltip label="Download" triggers="['hover', 'focus']" position="is-bottom" content-class="icon-tooltip" type="">
+        <a href="javascript:void(0)" v-on:click="downloadFile(props.row.data)" aria-label="Download"><DownloadIcon></DownloadIcon></a>
+        </b-tooltip>
       </b-table-column>
 
       <template v-slot:emptyMessage>

From 7669d0ba956f427149bc3d75115d740f6aa7e887 Mon Sep 17 00:00:00 2001
From: HMS17 <hms243@cornell.edu>
Date: Mon, 28 Sep 2026 17:02:22 -0400
Subject: [PATCH 2/4] [BI-2977] - tooltip improvements

---
 src/assets/scss/main.scss           | 9 +++++++--
 src/views/genotyping/Genotyping.vue | 4 ++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 3b7aab233..7830f4d0a 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -1095,8 +1095,13 @@ article.message.is-success *:not(button) {
 
 .icon-tooltip{
   font-weight: bold !important;
-  color: $white;
-  background-color: $tooltip-background;
+  color: $white !important;
+  background-color: $tooltip-background !important;
+  box-shadow: none !important;
+}
+
+.icon-tooltip::before {
+  border-bottom: $tooltip-background !important; //using this hides the default tooltip arrow so it's just a box
 }
 
 
diff --git a/src/views/genotyping/Genotyping.vue b/src/views/genotyping/Genotyping.vue
index 35c6e5798..aa74e6431 100644
--- a/src/views/genotyping/Genotyping.vue
+++ b/src/views/genotyping/Genotyping.vue
@@ -110,8 +110,8 @@
       >
         {{ displayValue(props.row.data.genotypingImportBy) }}
       </b-table-column>
-      <b-table-column width="150" field="data.genotypeImportId" sortable v-slot="props" :th-attrs="(column) => ({scope:'col'})">
-        <b-tooltip label="Download" triggers="['hover', 'focus']" position="is-bottom" content-class="icon-tooltip" type="">
+      <b-table-column field="data.genotypeImportId" sortable v-slot="props" :th-attrs="(column) => ({scope:'col'})">
+        <b-tooltip label="Download" triggers="['hover', 'focus']" position="is-bottom" content-class="icon-tooltip">
         <a href="javascript:void(0)" v-on:click="downloadFile(props.row.data)" aria-label="Download"><DownloadIcon></DownloadIcon></a>
         </b-tooltip>
       </b-table-column>

From 49c7bce32ca0902502eba0fb048ab23a679e29f5 Mon Sep 17 00:00:00 2001
From: HMS17 <84345306+HMS17@users.noreply.github.com>
Date: Tue, 29 Sep 2026 16:15:19 -0400
Subject: [PATCH 3/4] [BI-2977] - Change Genotyping Results to Genotypes

---
 src/components/layouts/UserSideBarLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layouts/UserSideBarLayout.vue b/src/components/layouts/UserSideBarLayout.vue
index e0828d35e..9219a0f12 100644
--- a/src/components/layouts/UserSideBarLayout.vue
+++ b/src/components/layouts/UserSideBarLayout.vue
@@ -147,7 +147,7 @@
                 v-bind:id="genotypingMenuId"
                 v-bind:to="{name: 'genotyping', params: {programId: activeProgram.id}}"
               >
-                Genotyping Results
+                Genotypes
               </router-link>
             </li>
             <!--

From 5bc69b1ec47cb94ff0a6f43a3e4b6ca906e9d873 Mon Sep 17 00:00:00 2001
From: HMS17 <84345306+HMS17@users.noreply.github.com>
Date: Tue, 29 Sep 2026 16:15:55 -0400
Subject: [PATCH 4/4] [BI-2977] - Change Genotyping Results to Genotypes

---
 src/views/genotyping/Genotyping.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/genotyping/Genotyping.vue b/src/views/genotyping/Genotyping.vue
index aa74e6431..4dc9478ac 100644
--- a/src/views/genotyping/Genotyping.vue
+++ b/src/views/genotyping/Genotyping.vue
@@ -18,7 +18,7 @@
 <template>
   <div class="genotyping">
     <h1 class="title">
-      Genotyping Results
+      Genotypes
     </h1>
     <button
       v-if="$ability.can('create', 'Import')"