From ddbd88a20d3fff5a17e6f21ded109f470b462b73 Mon Sep 17 00:00:00 2001
From: Avisha Sodhi <38086281+SodhiA1@users.noreply.github.com>
Date: Mon, 7 Oct 2024 14:11:25 -0700
Subject: [PATCH] Bug fixes: EDX-2977, 2982

---
 backend/src/components/sdc/sdc.js                   | 3 +++
 frontend/src/components/common/CustomTableSlice.vue | 1 +
 frontend/src/components/common/Filters.vue          | 8 +++++---
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/backend/src/components/sdc/sdc.js b/backend/src/components/sdc/sdc.js
index 43c5a0b7..7fcb95bc 100644
--- a/backend/src/components/sdc/sdc.js
+++ b/backend/src/components/sdc/sdc.js
@@ -496,6 +496,9 @@ async function getSDCSchoolCollectionStudentDetail(req, res) {
     if (sdcSchoolCollectionStudentData?.enrolledProgramCodes) {
       sdcSchoolCollectionStudentData.enrolledProgramCodes = sdcSchoolCollectionStudentData?.enrolledProgramCodes.match(/.{1,2}/g);
     }
+    if (sdcSchoolCollectionStudentData?.numberOfCourses) {
+      sdcSchoolCollectionStudentData.numberOfCourses = formatNumberOfCourses(sdcSchoolCollectionStudentData?.numberOfCourses);
+    }
 
     let school = cacheService.getSchoolBySchoolID(sdcSchoolCollectionStudentData.schoolID);
     sdcSchoolCollectionStudentData.schoolName = getSchoolName(school);
diff --git a/frontend/src/components/common/CustomTableSlice.vue b/frontend/src/components/common/CustomTableSlice.vue
index fc605e9a..13b32d20 100644
--- a/frontend/src/components/common/CustomTableSlice.vue
+++ b/frontend/src/components/common/CustomTableSlice.vue
@@ -427,5 +427,6 @@ tr:hover td {
   justify-content: center;
   gap: .5rem;
   padding-bottom: .2rem;
+  padding-top: 1rem;
 }
 </style>
diff --git a/frontend/src/components/common/Filters.vue b/frontend/src/components/common/Filters.vue
index f2d9ea01..480e0b50 100644
--- a/frontend/src/components/common/Filters.vue
+++ b/frontend/src/components/common/Filters.vue
@@ -50,9 +50,9 @@
             id="searchFiltering"
             class="filter-heading pb-0"
           >
-            Name and ID Filtering
-          </v-col>
-          <v-tooltip content-class="customTooltip">
+            <span>Name and ID Filtering</span>
+
+            <v-tooltip content-class="customTooltip">
             <template #activator="{ props: tooltipProps }">
               <v-icon
                 v-bind="tooltipProps"
@@ -67,6 +67,8 @@
               The search button must be used to apply changes to PEN or Local ID or Name searches. All other filters will apply on change without use of the search button.
             </span>
           </v-tooltip>
+          </v-col>
+          
         </v-row>
         <v-row>
           <v-col