From bed928ee5b2c9b9b19e6e97e2b3cd9de9aeced47 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Mon, 3 Jul 2023 13:56:19 -0700
Subject: [PATCH] refactor: modal font size increase

---
 components/Modal.vue                              |  2 +-
 components/UserProfile/CallbackFeedbackStatus.vue | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/Modal.vue b/components/Modal.vue
index a2bf14fe5..3d07fc027 100644
--- a/components/Modal.vue
+++ b/components/Modal.vue
@@ -92,7 +92,7 @@ const ariaLablledById = computed((): string|undefined => props.title ? `ModalTit
                   {{ title }}
                   <slot name="headerTitle"></slot>
                 </h1>
-                <h2 v-if="description" class="text-16px opacity-75">{{ description }}</h2>
+                <h2 v-if="description" class="text-20px opacity-75">{{ description }}</h2>
               </template>
               <slot name="header"></slot>
             </header>
diff --git a/components/UserProfile/CallbackFeedbackStatus.vue b/components/UserProfile/CallbackFeedbackStatus.vue
index 2a338707a..848367ce8 100644
--- a/components/UserProfile/CallbackFeedbackStatus.vue
+++ b/components/UserProfile/CallbackFeedbackStatus.vue
@@ -16,11 +16,11 @@ withDefaults(defineProps<Props>(), {
 
 <template>
   <div class="mx-auto max-w-[45ch]">
-    <div class="flex items-center justify-center gap-x-8px">
-      <CheckCircleIcon v-if="success" class="fill-green-600 w-24px shrink-0" />
-      <XCircleIcon v-if="error" class="fill-unraid-red w-24px shrink-0" />
-      <component v-if="icon" :is="icon" class="fill-current opacity-75 w-24px shrink-0" />
-      <p>{{ text }}</p>
+    <div class="flex items-start justify-start gap-x-8px">
+      <CheckCircleIcon v-if="success" class="fill-green-600 w-28px shrink-0" />
+      <XCircleIcon v-if="error" class="fill-unraid-red w-28px shrink-0" />
+      <component v-if="icon" :is="icon" class="fill-current opacity-75 w-28px shrink-0" />
+      <p class="text-18px">{{ text }}</p>
     </div>
     <slot></slot>
   </div>