From ee5c7ecc563e20c95ad152d804c34102aebd4b98 Mon Sep 17 00:00:00 2001
From: nns <nns@edocs.kz>
Date: Mon, 12 Oct 2026 01:14:56 +0500
Subject: [PATCH] =?UTF-8?q?fix(site):=20=D0=BF=D0=BB=D0=B8=D1=82=D0=BA?=
 =?UTF-8?q?=D0=B0=20=C2=AB=D0=A1=D0=B5=D1=82=D1=8C=C2=BB=20=E2=80=94=20?=
 =?UTF-8?q?=C2=AB=D0=BF=D0=BE=20=D0=B7=D0=B0=D0=BF=D1=80=D0=BE=D1=81=D1=83?=
 =?UTF-8?q?=C2=BB=20=D0=BF=D0=B5=D1=80=D0=B5=D0=BD=D0=BE=D1=81=D0=B8=D1=82?=
 =?UTF-8?q?=D1=81=D1=8F=20=D0=BF=D0=BE=20=D1=81=D0=BB=D0=BE=D0=B2=D0=B0?=
 =?UTF-8?q?=D0=BC=20=D0=BD=D0=B0=20=D1=83=D0=B7=D0=BA=D0=BE=D0=B9=20=D0=BF?=
 =?UTF-8?q?=D0=BB=D0=B8=D1=82=D0=BA=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Добавочно к a5f885c: «по запросу» не сумма, не нужно держать её nowrap —
на 320–360px слово не влезало в колонку. Переносим по словам; суммы (nowrap)
и «/мес» под ними не трогаем.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/food-market.public/src/components/SignupForm.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/food-market.public/src/components/SignupForm.tsx b/src/food-market.public/src/components/SignupForm.tsx
index 38a6088..6ce6765 100644
--- a/src/food-market.public/src/components/SignupForm.tsx
+++ b/src/food-market.public/src/components/SignupForm.tsx
@@ -234,8 +234,15 @@ export default function SignupForm({ defaultPlan = 'start' }: Props) {
                   хвост срезается. Разносим: сумма+₸ одной неразрывной строкой,
                   «/мес» — отдельной строкой под ней. Сумма видна целиком. */}
               <div className="text-xs text-slate-500 leading-tight mt-0.5">
-                <span className="block whitespace-nowrap">{p.price}</span>
-                {p.per && <span className="block text-[10px] text-slate-400">{p.per}</span>}
+                {p.per ? (
+                  <>
+                    <span className="block whitespace-nowrap">{p.price}</span>
+                    <span className="block text-[10px] text-slate-400">{p.per}</span>
+                  </>
+                ) : (
+                  // «по запросу» — не сумма: пусть переносится по словам на узкой плитке
+                  <span className="block">{p.price}</span>
+                )}
               </div>
             </label>
           ))}