From 403c9016a0461d6153b799ce8e9d633423e2145a Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <boubaker.khanfir@exoplatform.com>
Date: Fri, 28 Jun 2024 16:47:38 +0100
Subject: [PATCH] feat: Change default font sizes - MEED-7147 -
 Meeds-io/MIPs#144 (#507)

This change will apply new font sizes:
- Title: 20px, regularColor, Bold
- Header: 18px, lowImportanceColor, Regular
- Body: 16px, regularColor, Regular
- Subtitle: 12px, lowImportanceColor, Regular
---
 .../connectorEventExtensions/components/KudosEvent.vue   | 2 +-
 .../vue-app/kudos-admin/components/KudosAdminSetup.vue   | 9 ++++++---
 .../kudos-admin/components/settings/AdminForm.vue        | 2 +-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/kudos-webapps/src/main/webapp/vue-app/connectorEventExtensions/components/KudosEvent.vue b/kudos-webapps/src/main/webapp/vue-app/connectorEventExtensions/components/KudosEvent.vue
index 0ad470577..86aa9b327 100644
--- a/kudos-webapps/src/main/webapp/vue-app/connectorEventExtensions/components/KudosEvent.vue
+++ b/kudos-webapps/src/main/webapp/vue-app/connectorEventExtensions/components/KudosEvent.vue
@@ -18,7 +18,7 @@
 -->
 <template>
   <div v-if="!isEditing">
-    <div class="mb-2">
+    <div class="text-header mb-2">
       {{ $t('gamification.event.display.doItNow') }}
     </div>
     <div class="d-flex justify-center">
diff --git a/kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/KudosAdminSetup.vue b/kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/KudosAdminSetup.vue
index f220dda4e..f240a0151 100644
--- a/kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/KudosAdminSetup.vue
+++ b/kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/KudosAdminSetup.vue
@@ -22,10 +22,13 @@
 <template>
   <v-app flat>
     <div class="px-6">
-      <v-list-item class="px-0" two-line>
+      <v-list-item
+        class="px-0"
+        two-line
+        dense>
         <v-list-item-content>
-          <v-list-item-title>
-            <h4 class="my-0">{{ $t('kudos.administration.title') }}</h4>
+          <v-list-item-title class="text-title">
+            {{ $t('kudos.administration.title') }}
           </v-list-item-title>
           <v-list-item-subtitle>
             {{ $t('kudos.administration.subtitle') }}
diff --git a/kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/settings/AdminForm.vue b/kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/settings/AdminForm.vue
index 3de70de2b..e30eb69b1 100644
--- a/kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/settings/AdminForm.vue
+++ b/kudos-webapps/src/main/webapp/vue-app/kudos-admin/components/settings/AdminForm.vue
@@ -21,7 +21,7 @@
 -->
 <template>
   <v-card flat>
-    <div class="subtitle-1 mt-4 mb-2 text-color">
+    <div class="text-header mt-4 mb-2">
       {{ $t('kudos.administration.label') }}
     </div>
     <div class="d-flex flex-row kudosPeriodConfiguration">