From 6165e4c67cc430ec4faadcd6baadd4c164933f02 Mon Sep 17 00:00:00 2001
From: HotelSync <admin@hotelsync.ru>
Date: Tue, 21 Apr 2026 17:21:52 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20stabilize=20star=20rating=20layout=20?=
 =?UTF-8?q?=E2=80=94=20reserve=20label=20height,=20use=20inline=20scale?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/GuestReviewPage.tsx   | 13 +++++++------
 src/pages/GuestReviewQrPage.tsx | 13 +++++++------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/pages/GuestReviewPage.tsx b/src/pages/GuestReviewPage.tsx
index ed238f7..88cfd7e 100644
--- a/src/pages/GuestReviewPage.tsx
+++ b/src/pages/GuestReviewPage.tsx
@@ -119,7 +119,8 @@ export function GuestReviewPage() {
                       onMouseEnter={() => setHover(i + 1)}
                       onMouseLeave={() => setHover(0)}
                       onClick={() => setRating(i + 1)}
-                      className="transition-transform hover:scale-110 active:scale-95"
+                      className="transition-transform active:scale-95"
+                      style={{ transform: (hover || rating) > i ? 'scale(1.12)' : 'scale(1)' }}
                     >
                       <Star
                         size={40}
@@ -134,11 +135,11 @@ export function GuestReviewPage() {
                   ))}
                 </div>
 
-                {(hover || rating) > 0 && (
-                  <p className="text-sm font-medium text-slate-600 -mt-2">
-                    {['', 'Очень плохо', 'Плохо', 'Нормально', 'Хорошо', 'Отлично!'][hover || rating]}
-                  </p>
-                )}
+                <p className="text-sm font-medium text-slate-600 -mt-2 h-5 text-center">
+                  {(hover || rating) > 0
+                    ? ['', 'Очень плохо', 'Плохо', 'Нормально', 'Хорошо', 'Отлично!'][hover || rating]
+                    : ''}
+                </p>
 
                 {rating > 0 && config?.showTextField && (
                   <textarea
diff --git a/src/pages/GuestReviewQrPage.tsx b/src/pages/GuestReviewQrPage.tsx
index 13841c2..3a5213c 100644
--- a/src/pages/GuestReviewQrPage.tsx
+++ b/src/pages/GuestReviewQrPage.tsx
@@ -111,7 +111,8 @@ export function GuestReviewQrPage() {
                       onMouseEnter={() => setHover(i + 1)}
                       onMouseLeave={() => setHover(0)}
                       onClick={() => setRating(i + 1)}
-                      className="transition-transform hover:scale-110 active:scale-95"
+                      className="transition-transform active:scale-95"
+                      style={{ transform: (hover || rating) > i ? 'scale(1.12)' : 'scale(1)' }}
                     >
                       <Star
                         size={40}
@@ -126,11 +127,11 @@ export function GuestReviewQrPage() {
                   ))}
                 </div>
 
-                {(hover || rating) > 0 && (
-                  <p className="text-sm font-medium text-slate-600 -mt-2">
-                    {['', 'Очень плохо', 'Плохо', 'Нормально', 'Хорошо', 'Отлично!'][hover || rating]}
-                  </p>
-                )}
+                <p className="text-sm font-medium text-slate-600 -mt-2 h-5 text-center">
+                  {(hover || rating) > 0
+                    ? ['', 'Очень плохо', 'Плохо', 'Нормально', 'Хорошо', 'Отлично!'][hover || rating]
+                    : ''}
+                </p>
 
                 {rating > 0 && config?.showTextField && (
                   <textarea