fix: minor font issues on params component

Signed-off-by: Efren Lim <elim@linuxfoundation.org>

Author: emlimlf

frontend/src/config/integrations/git/components/git-params.vue

@@ -5,7 +5,7 @@
     <el-popover v-if="nativeRepos.length > 0" trigger="hover" placement="top" popper-class="!w-72">
       <template #reference>
         <div
-          class="text-gray-600 text-2xs flex items-center leading-5 font-medium underline decoration-dashed cursor-default"
+          class="text-gray-600 text-2xs flex items-center leading-5 font-semibold underline decoration-dashed cursor-default"
         >
           {{ nativeRepos.length }}
           {{ nativeRepos.length !== 1 ? "remote URLs" : "remote URL" }}
@@ -48,7 +48,7 @@
       >
         <template #reference>
           <div
-            class="text-gray-600 text-2xs flex items-center leading-5 font-medium underline decoration-dashed cursor-default"
+            class="text-gray-600 text-2xs flex items-center leading-5 font-semibold underline decoration-dashed cursor-default"
           >
             {{ pluralize('repository', groupedMirroredRepos[gmKey].length, true) }} (via {{ getIntegrationName(gmKey) }})
           </div>

frontend/src/config/integrations/github/components/github-mapped-repos.vue

@@ -9,7 +9,13 @@
       Syncing GitHub data from <span class="font-semibold px-1"> {{ projectNameDisplay }} </span>
       for&nbsp;
 
-      <lf-github-mappings-display :mappings="projectReposAsMappings" />
+      <lf-github-mappings-display :mappings="projectReposAsMappings">
+        <template #trigger>
+          <span class="underline decoration-dashed cursor-default">
+            {{ pluralize("repository", projectReposAsMappings.length, true) }}
+          </span>
+        </template>
+      </lf-github-mappings-display>
     </span>
   </div>
 </template>
@@ -20,6 +26,7 @@ import { IntegrationService } from '@/modules/integration/integration-service';
 import LfIcon from '@/ui-kit/icon/Icon.vue';
 import LfGithubMappingsDisplay from '@/config/integrations/github/components/github-mappings-display.vue';
 import { IntegrationMapping } from '@/modules/admin/modules/integration/types/Integration';
+import pluralize from 'pluralize';
 
 const props = defineProps<{
   segmentId: string;

frontend/src/config/integrations/github/components/github-mappings-display.vue

@@ -6,7 +6,7 @@
           <div
             class="text-neutral-600 text-2xs flex items-center leading-5"
           >
-            <lf-icon name="book" :size="16" class="text-neutral-600 mr-1" />
+            <lf-icon name="book" :size="16" class="text-neutral-600 mr-2" />
             <span class="font-semibold underline decoration-dashed cursor-default">
               {{ pluralize("repository", Object.keys(mappings).length, true) }}
             </span>

frontend/src/config/integrations/gitlab/components/gitlab-params.vue

@@ -4,7 +4,7 @@
       <el-popover trigger="hover" placement="top" popper-class="!w-auto">
         <template #reference>
           <div
-            class="text-gray-600 text-2xs flex items-center leading-5 font-medium"
+            class="text-gray-600 text-2xs flex items-center leading-5 font-semibold"
           >
             <lf-svg name="git-repository" class="w-4 h-4 !text-gray-600 mr-1 flex items-center" />
             {{ pluralize("repository", Object.keys(mappings).length, true) }}