From 3d0fc76ecda7c29c496ede51acaf931af53634e2 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Mon, 13 Apr 2026 14:43:29 +0300
Subject: [PATCH] fix: subscription status badge overflow + inline password
 validation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Status badge (e.g. 'ПРИОСТАНОВЛЕНА (НЕДОСТАТОЧНО СРЕДСТВ)') now
  constrained with max-w-[55%] to prevent overlapping tariff name
- Password too short error shown inline under password field during
  registration instead of at the top of the page (invisible on mobile)
---
 src/pages/Login.tsx        | 10 ++++++++++
 src/pages/Subscription.tsx |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index e437ca3..a9a7b41 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -720,6 +720,16 @@ export default function Login() {
                                 value={password}
                                 onChange={(e) => setPassword(e.target.value)}
                               />
+                              {authMode === 'register' &&
+                                password.length > 0 &&
+                                password.length < 8 && (
+                                  <p className="mt-1.5 text-xs text-error-400">
+                                    {t(
+                                      'auth.passwordTooShort',
+                                      'Password must be at least 8 characters',
+                                    )}
+                                  </p>
+                                )}
                             </div>
 
                             {authMode === 'register' && (
diff --git a/src/pages/Subscription.tsx b/src/pages/Subscription.tsx
index d73674a..9f3a14e 100644
--- a/src/pages/Subscription.tsx
+++ b/src/pages/Subscription.tsx
@@ -584,7 +584,7 @@ export default function Subscription() {
 
                 {/* Status badge */}
                 <span
-                  className="rounded-full px-3 py-1 font-mono text-[10px] font-semibold uppercase tracking-wider"
+                  className="max-w-[55%] shrink-0 rounded-full px-3 py-1 text-center font-mono text-[10px] font-semibold uppercase tracking-wider"
                   style={{
                     background: subscription.is_active
                       ? `${zone.mainHex}15`