From 7285886df4cf1f9f994b90cb2c765a72b1e6c0b1 Mon Sep 17 00:00:00 2001
From: Chika <djchikalkin@gmail.com>
Date: Fri, 3 Jun 2022 11:31:59 +0300
Subject: [PATCH] Form/LeasingObject: wrap LeasingObject elements on mobile
 devices

---
 .../Calculation/Form/LeasingObject/config.ts       | 14 ++++++++++----
 Components/Calculation/lib/renderFormComponent.tsx |  2 +-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/Components/Calculation/Form/LeasingObject/config.ts b/Components/Calculation/Form/LeasingObject/config.ts
index 6f558a7..70e3461 100644
--- a/Components/Calculation/Form/LeasingObject/config.ts
+++ b/Components/Calculation/Form/LeasingObject/config.ts
@@ -5,10 +5,16 @@ const config: FormComponentConfig = {
   id: 'leasingObject',
   title: 'ПЛ',
   rows: [
-    [['selectLeaseObjectType', 'labelDepreciationGroup'], { gridTemplateColumns: '2fr 1fr' }],
-    [['selectBrand', 'cbxLeaseObjectUsed'], { gridTemplateColumns: '2fr 1fr' }],
-    [['selectModel', 'cbxWithTrailer'], { gridTemplateColumns: '2fr 1fr' }],
-    [['selectConfiguration', 'radioDeliveryTime'], { gridTemplateColumns: '2fr 1fr' }],
+    [
+      ['selectLeaseObjectType', 'labelDepreciationGroup'],
+      { gridTemplateColumns: ['1fr', '1fr', '2fr 1fr'] },
+    ],
+    [['selectBrand', 'cbxLeaseObjectUsed'], { gridTemplateColumns: ['1fr', '1fr', '2fr 1fr'] }],
+    [['selectModel', 'cbxWithTrailer'], { gridTemplateColumns: ['1fr', '1fr', '2fr 1fr'] }],
+    [
+      ['selectConfiguration', 'radioDeliveryTime'],
+      { gridTemplateColumns: ['1fr', '1fr', '2fr 1fr'] },
+    ],
     [['selectLeaseObjectUseFor'], { gridTemplateColumns: '1fr' }],
     [['tbxLeaseObjectCount', 'selectEngineType', 'tbxMaxSpeed']],
     [['tbxLeaseObjectYear', 'tbxLeaseObjectMotorPower', 'tbxCountSeats']],
diff --git a/Components/Calculation/lib/renderFormComponent.tsx b/Components/Calculation/lib/renderFormComponent.tsx
index 94b82af..5cb84eb 100644
--- a/Components/Calculation/lib/renderFormComponent.tsx
+++ b/Components/Calculation/lib/renderFormComponent.tsx
@@ -9,7 +9,7 @@ export type FormComponentConfig = {
   id: string;
   title: string;
   rows: Array<
-    [elements: (ValuesElements | ComputedElements | ActionElements)[], style?: BoxProps['style']]
+    [elements: (ValuesElements | ComputedElements | ActionElements)[], style?: BoxProps['sx']]
   >;
 };