From 9e388fb644fe59c458b823c54ee8b83e26becde6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=BB=D1=8C=D1=8F=D1=81=20=D0=A1=D1=83=D0=BB=D1=82?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=BE=D0=B2?= <si@op16.ru>
Date: Wed, 15 Jul 2026 16:46:48 +0300
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=D0=B3=D0=BE=D1=80=D0=B8=D0=B7=D0=BE?=
 =?UTF-8?q?=D0=BD=D1=82=D0=B0=D0=BB=D1=8C=D0=BD=D0=BE=D0=B5=20=D1=80=D0=B0?=
 =?UTF-8?q?=D1=81=D0=BF=D0=BE=D0=BB=D0=BE=D0=B6=D0=B5=D0=BD=D0=B8=D0=B5=20?=
 =?UTF-8?q?=D0=BF=D0=BE=D0=B4=D0=BF=D0=BE=D0=BB=D0=B5=D0=B9=20=D0=B2=20inl?=
 =?UTF-8?q?ine-=D1=80=D0=B5=D0=B4=D0=B0=D0=BA=D1=82=D0=BE=D1=80=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- ContractNumberField compact: переключатель, select юрлица и input/preview в одну строку

- TaskDetail: date/datetime с автопролонгацией — input и чекбокс в одну строку

- Увеличена max-width обёртки contract-number до 640px
---
 client/src/components/ContractNumberField.tsx | 64 +++++++++----------
 client/src/pages/TaskDetail.tsx               | 10 +--
 2 files changed, 36 insertions(+), 38 deletions(-)

diff --git a/client/src/components/ContractNumberField.tsx b/client/src/components/ContractNumberField.tsx
index dae6c23..d73a18c 100644
--- a/client/src/components/ContractNumberField.tsx
+++ b/client/src/components/ContractNumberField.tsx
@@ -130,38 +130,36 @@ export default function ContractNumberField({
   const isGenerated = !!(parsed.mode === 'mine' && parsed.value && parsed.value !== '');
 
   return (
-    <div className={cn(compact ? 'flex flex-col gap-2' : 'space-y-2')}>
-      <div className={cn('flex items-center', compact ? 'gap-3 flex-wrap' : 'space-x-3')}>
-        <div className="flex items-center space-x-3 shrink-0">
-          <Switch
-            id={`contract-number-mode-${fieldId}`}
-            checked={mode === 'mine'}
-            onCheckedChange={(checked: boolean) => handleModeChange(checked ? 'mine' : 'customer')}
-            disabled={disabled || isGenerated}
-          />
-          <Label htmlFor={`contract-number-mode-${fieldId}`} className="cursor-pointer">
-            {mode === 'mine' ? 'Мой номер' : 'Номер заказчика'}
-          </Label>
-        </div>
+    <div className={cn(compact ? 'flex items-center gap-2 flex-wrap' : 'space-y-2')}>
+      <div className="flex items-center space-x-3 shrink-0">
+        <Switch
+          id={`contract-number-mode-${fieldId}`}
+          checked={mode === 'mine'}
+          onCheckedChange={(checked: boolean) => handleModeChange(checked ? 'mine' : 'customer')}
+          disabled={disabled || isGenerated}
+        />
+        <Label htmlFor={`contract-number-mode-${fieldId}`} className="cursor-pointer">
+          {mode === 'mine' ? 'Мой номер' : 'Номер заказчика'}
+        </Label>
+      </div>
 
-        <div className={cn('flex-1 min-w-[180px]', compact && 'w-full')}>
-          <Select
-            value={legalEntityTaskId?.toString() || ''}
-            onValueChange={handleLegalEntityChange}
-            disabled={disabled || isGenerated}
-          >
-            <SelectTrigger>
-              <SelectValue placeholder="Выберите юрлицо" />
-            </SelectTrigger>
-            <SelectContent>
-              {tasksData?.tasks?.map((task) => (
-                <SelectItem key={task.id} value={task.id.toString()}>
-                  #{task.id} {task.title}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
-        </div>
+      <div className={cn('flex-1 min-w-[160px]', compact ? 'max-w-[200px]' : 'w-full')}>
+        <Select
+          value={legalEntityTaskId?.toString() || ''}
+          onValueChange={handleLegalEntityChange}
+          disabled={disabled || isGenerated}
+        >
+          <SelectTrigger>
+            <SelectValue placeholder="Выберите юрлицо" />
+          </SelectTrigger>
+          <SelectContent>
+            {tasksData?.tasks?.map((task) => (
+              <SelectItem key={task.id} value={task.id.toString()}>
+                #{task.id} {task.title}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
       </div>
 
       {mode === 'customer' ? (
@@ -171,10 +169,10 @@ export default function ContractNumberField({
           onChange={(e) => handleCustomerChange(e.target.value)}
           placeholder="Введите шифр заказчика"
           disabled={disabled}
-          className={cn(compact && 'h-7 leading-6 px-2')}
+          className={cn('flex-1 min-w-[160px]', compact && 'h-7 leading-6 px-2 max-w-[220px]')}
         />
       ) : (
-        <div className="relative">
+        <div className={cn('relative flex-1 min-w-[160px]', compact && 'max-w-[220px]')}>
           <div className={cn(
             'flex items-center space-x-2 rounded-md border border-input bg-muted/30',
             compact ? 'px-2 h-7' : 'px-3 py-2'
diff --git a/client/src/pages/TaskDetail.tsx b/client/src/pages/TaskDetail.tsx
index 2c2292b..3e36172 100644
--- a/client/src/pages/TaskDetail.tsx
+++ b/client/src/pages/TaskDetail.tsx
@@ -995,7 +995,7 @@ function FieldValueRow({
     if (field.type === 'date') {
       const isProlongation = editorValue === '__auto_prolongation__';
       return (
-        <div className="space-y-1">
+        <div className="flex items-center gap-2 flex-wrap">
           <input
             type="date"
             className={inputClass}
@@ -1007,7 +1007,7 @@ function FieldValueRow({
             aria-invalid={!!errorMessage}
           />
           {field.autoProlongation && (
-            <label className="flex items-center space-x-2 text-sm cursor-pointer">
+            <label className="flex items-center space-x-2 text-sm cursor-pointer shrink-0">
               <input
                 type="checkbox"
                 checked={isProlongation}
@@ -1023,7 +1023,7 @@ function FieldValueRow({
     if (field.type === 'datetime') {
       const isProlongation = editorValue === '__auto_prolongation__';
       return (
-        <div className="space-y-1">
+        <div className="flex items-center gap-2 flex-wrap">
           <input
             type="datetime-local"
             className={inputClass}
@@ -1035,7 +1035,7 @@ function FieldValueRow({
             aria-invalid={!!errorMessage}
           />
           {field.autoProlongation && (
-            <label className="flex items-center space-x-2 text-sm cursor-pointer">
+            <label className="flex items-center space-x-2 text-sm cursor-pointer shrink-0">
               <input
                 type="checkbox"
                 checked={isProlongation}
@@ -1153,7 +1153,7 @@ function FieldValueRow({
     if (field.type === 'contract-number') {
       const cnConfig = (field.options as any)?.contractNumber;
       return (
-        <div className="w-full max-w-[320px]" onClick={e => e.stopPropagation()}>
+        <div className="w-full max-w-[640px]" onClick={e => e.stopPropagation()}>
           <ContractNumberField
             value={editorValue as any}
             onChange={(val) => onDraftChange?.(JSON.stringify(val))}