From c76649b79fb33ec8e4c12e35c28fd3f6ddd6687e Mon Sep 17 00:00:00 2001
From: iisultanov <99495690+iisultanov@users.noreply.github.com>
Date: Wed, 15 Jul 2026 22:22:47 +0300
Subject: [PATCH] fix(TaskDetail): inline editors horizontal alignment
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- inputClass: w-full → w-auto (prevents input from wrapping below label)
- textareaClass: flex-1 → w-auto min-w-[200px]
- Increases max-w from 280px to 320px for longer values
- Fixes text/select inputs appearing on new line instead of inline with label
---
 client/src/pages/TaskDetail.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/TaskDetail.tsx b/client/src/pages/TaskDetail.tsx
index 7ec1ea6..6f58784 100644
--- a/client/src/pages/TaskDetail.tsx
+++ b/client/src/pages/TaskDetail.tsx
@@ -952,11 +952,11 @@ function FieldValueRow({
   // Рендер редактора по типу поля
   const renderEditor = () => {
     const inputClass = cn(
-      'border border-input rounded px-1.5 text-sm bg-background focus:outline-none focus:ring-1 focus:ring-ring w-full max-w-[280px] h-7 leading-6',
+      'border border-input rounded px-1.5 text-sm bg-background focus:outline-none focus:ring-1 focus:ring-ring w-auto max-w-[320px] h-7 leading-6',
       errorMessage && 'border-destructive ring-destructive'
     );
     const textareaClass = cn(
-      'border border-input rounded px-1.5 py-0.5 text-sm bg-background focus:outline-none focus:ring-1 focus:ring-ring flex-1 min-w-0',
+      'border border-input rounded px-1.5 py-0.5 text-sm bg-background focus:outline-none focus:ring-1 focus:ring-ring w-auto min-w-[200px]',
       errorMessage && 'border-destructive ring-destructive'
     );
     if (field.type === 'text' || field.type === 'number') {