From ca2e30af04703df7d956db9d7c5b7fb5bfa34aa7 Mon Sep 17 00:00:00 2001
From: lendry <lendry@lendry1.ru>
Date: Tue, 7 Jul 2026 15:32:36 +0300
Subject: [PATCH] fix family input

---
 apps/frontend/app/family/page.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/app/family/page.tsx b/apps/frontend/app/family/page.tsx
index 3effc11..97ef89c 100644
--- a/apps/frontend/app/family/page.tsx
+++ b/apps/frontend/app/family/page.tsx
@@ -70,9 +70,19 @@ export default function FamilyPage() {
       <h1 className="text-2xl font-medium tracking-tight sm:text-4xl">Семейный доступ</h1>
       <p className="mt-2 text-sm text-[#667085] sm:text-base">Приглашайте близких, общайтесь в чатах и управляйте семейной группой.</p>
 
-      <div className="mt-6 flex flex-col gap-3 sm:mt-8 sm:flex-row">
-        <Input value={name} onChange={(event) => setName(event.target.value)} placeholder="Название семьи" className="min-w-0 flex-1" />
-        <Button className="shrink-0" onClick={() => void createGroup()} disabled={creating || !name.trim()}>
+      <div className="mt-6 flex flex-col gap-3 sm:mt-8 sm:flex-row sm:items-stretch">
+        <Input
+          value={name}
+          onChange={(event) => setName(event.target.value)}
+          placeholder="Название семьи"
+          className="h-14 min-h-14 min-w-0 flex-1 px-4 text-base"
+        />
+        <Button
+          size="lg"
+          className="h-14 w-full shrink-0 px-6 sm:w-auto"
+          onClick={() => void createGroup()}
+          disabled={creating || !name.trim()}
+        >
           {creating ? 'Создаём...' : (<><Plus className="h-4 w-4" />Создать</>)}
         </Button>
       </div>