From a4508f7be71f0d62066f636babe607e64857ceed Mon Sep 17 00:00:00 2001
From: suryabulusu <teja.surya59@gmail.com>
Date: Tue, 25 Jun 2024 01:46:25 +0530
Subject: [PATCH] footer font sizes for mobile

---
 src/components/Questions/Footer.vue | 6 +++---
 tailwind.config.js                  | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Questions/Footer.vue b/src/components/Questions/Footer.vue
index 583085e..73df3aa 100644
--- a/src/components/Questions/Footer.vue
+++ b/src/components/Questions/Footer.vue
@@ -165,7 +165,7 @@ export default defineComponent({
         "fill-current",
       ],
       assessmentTextButtonTitleClass:
-        "text-sm bp-500:text-md lg:text-lg xl:text-xl font-bold",
+        "text-xs bp-500:text-sm lg:text-base xl:text-lg font-bold",
       assessmentNavigationButtonClass: [
         {
           "bg-yellow-500 hover:bg-yellow-600 ring-yellow-500 px-6 bp-500:px-8 rounded-2xl":
@@ -216,11 +216,11 @@ export default defineComponent({
 
     const markForReviewButtonTitleConfig = computed(() => ({
       value: props.isMarkedForReview ? "Clear Review" : "Mark For Review",
-      class: [state.assessmentTextButtonTitleClass, "text-violet-500"],
+      class: ["text-xxs bp-500:text-sm lg:text-base xl:text-lg font-bold", "text-violet-500"],
     } as IconButtonTitleConfig));
 
     const saveAndNextButtonTitleConfig = ref({
-      value: "Save & Next",
+      value: "Save >",
       class: [state.assessmentTextButtonTitleClass, "text-emerald-500"],
     } as IconButtonTitleConfig);
 
diff --git a/tailwind.config.js b/tailwind.config.js
index cd2e87b..46fcfc6 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -13,6 +13,9 @@ module.exports = {
       borderWidth: {
         1: "1px",
       },
+      fontSize: {
+        xxs: "0.65rem",
+      },
     },
     screens: {
       "bp-320": "320px",