From 9cc8b5cd678ffedad322b7aa17f0c65f371999c1 Mon Sep 17 00:00:00 2001
From: Vyacheslav <76677694+flyare1337@users.noreply.github.com>
Date: Sun, 25 Aug 2024 18:05:14 +0300
Subject: [PATCH] fixes

---
 src/components/forms/TextQuestion.vue |  1 +
 src/views/form/View.vue               | 30 +++++++++++++++++++--------
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/components/forms/TextQuestion.vue b/src/components/forms/TextQuestion.vue
index 5eada2a..37e47a6 100644
--- a/src/components/forms/TextQuestion.vue
+++ b/src/components/forms/TextQuestion.vue
@@ -148,6 +148,7 @@ function validateInput() {
     display: flex;
     align-items: center;
     gap: 0 13px;
+    font-size: 0.9em;
   }
 
   &-input {
diff --git a/src/views/form/View.vue b/src/views/form/View.vue
index cad89d9..18a3013 100644
--- a/src/views/form/View.vue
+++ b/src/views/form/View.vue
@@ -83,15 +83,15 @@ onMounted(async () => {
             <div class="view-form-info">
               <PhInfo :size="23" class="view-form-info--sign" /> Информация о форме
             </div>
-            <h2>{{ data.name }}</h2>
-            <p>{{ currentPage.text }}</p>
+            <h2 class="form-title">{{ data.name }}</h2>
+            <p class="form-description">{{ currentPage.text }}</p>
           </div>
           <form @submit.prevent="submitForm" class="">
             <div class="view-form-q view-form-container">
               <div class="default-card" v-for="question in currentPage.questions">
                 <div class="view-form-q-title">
-                  <h3>{{ question.label }}</h3>
-                  <p>{{ question.description }}</p>
+                  <h3 class="form-q-title">{{ question.label }}</h3>
+                  <p class="form-q-description">{{ question.description }}</p>
                 </div>
                 <TextQuestion
                   v-if="question.question_type === 1"
@@ -127,7 +127,7 @@ onMounted(async () => {
               <div class="view-form-send-space" v-if="currentPageNumber === pageCount - 1">
                 <button type="submit" class="default-button view-form-send">Отправить</button>
                 <div class="view-form-info">
-                  <PhInfo :size="23" class="view-form-info--sign" /> Проверьте все данные перед
+                  <PhInfo :size="22" class="view-form-info--sign" /> Проверьте все данные перед
                   отправкой!
                 </div>
               </div>
@@ -198,7 +198,7 @@ onMounted(async () => {
 
         & h3 {
           font-weight: 400;
-          margin-bottom: 5px;
+          margin-bottom: 8px;
         }
 
         & p {
@@ -242,14 +242,26 @@ onMounted(async () => {
   }
 
   @media (max-width: 500px) {
-    h2 {
+    .form-title {
       font-size: 1.3em;
     }
+
+    .form-description {
+      font-size: 0.9em;
+    }
+
+    .form-q-title {
+      font-size: 1.1em;
+    }
+
+    .form-q-description {
+      font-size: 0.88em;
+    }
   }
 
   @media (max-width: 380px) {
-    h2 {
-      font-size: 1.1em;
+    .form-title {
+      font-size: 1.17em;
     }
   }
 }