From f78c41f956f61814701ebc42ca9059b53674ff69 Mon Sep 17 00:00:00 2001
From: Vyacheslav <76677694+flyare1337@users.noreply.github.com>
Date: Mon, 26 Aug 2024 15:41:17 +0300
Subject: [PATCH] Update ScaleQuestion.vue

---
 src/components/forms/ScaleQuestion.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/forms/ScaleQuestion.vue b/src/components/forms/ScaleQuestion.vue
index 957d1b4..f6a5304 100644
--- a/src/components/forms/ScaleQuestion.vue
+++ b/src/components/forms/ScaleQuestion.vue
@@ -12,6 +12,7 @@
           v-model="selectedValue"
           :required="isRequired"
           @change="updateValue"
+          class="rating-option--btn"
         />
         <span>{{ n }}</span>
       </label>
@@ -92,7 +93,7 @@ function cancelSelection() {
     gap: 0 50px;
     width: 100%;
 
-    @media (max-width: 730px) {
+    @media (max-width: 810px) {
       flex-direction: column;
       gap: 15px 0;
     }
@@ -102,9 +103,15 @@ function cancelSelection() {
     display: flex;
     flex-direction: column;
     align-items: center;
-    gap: 10px 0;
+    gap: 20px 0;
 
-    @media (max-width: 730px) {
+    &--btn {
+      width: 20px;
+      height: 20px;
+      cursor: pointer;
+    }
+
+    @media (max-width: 810px) {
       flex-direction: initial;
       gap: 0 15px;
     }