From 3f36c0d0a066717d0706c3b47fed5937d5bcbf2f Mon Sep 17 00:00:00 2001
From: Chika <djchikalkin@gmail.com>
Date: Wed, 2 Sep 2020 23:19:06 +0300
Subject: [PATCH] UI fixes: new line

---
 .../Containers/Calculation/Sections/index.jsx | 13 +++++++++----
 .../Containers/Calculation/Sections/list.js   | 19 ++++++++++---------
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/client/Containers/Calculation/Sections/index.jsx b/src/client/Containers/Calculation/Sections/index.jsx
index f565a6f..8f1a5db 100644
--- a/src/client/Containers/Calculation/Sections/index.jsx
+++ b/src/client/Containers/Calculation/Sections/index.jsx
@@ -11,8 +11,9 @@ const { TabPane } = Tabs;
 
 const InputWrapper = styled(Box)`
   width: 100%;
-  ${mq.desktop`width:200px`}
+  ${mq.desktop`width:250px`}
   margin: 8px 8px;
+  ${props => props.newLine && 'flex-basis: 100%;'}
 `;
 
 const Sections = props => (
@@ -20,10 +21,14 @@ const Sections = props => (
     <Tabs type="line">
       {SectionsList.map(({ title, elements }, i) => (
         <TabPane tab={title} key={i}>
-          <Flex alignItems="flex-end" flexWrap="wrap">
-            {elements.map(({ title, Component, props }, ie) => {
+          <Flex
+            justifyContent="flex-start"
+            alignItems="flex-end"
+            flexWrap="wrap"
+          >
+            {elements.map(({ title, Component, props, newLine }, ie) => {
               return (
-                <InputWrapper key={ie}>
+                <InputWrapper key={ie} newLine={newLine}>
                   {withTitle(title)(Component)(props)}
                 </InputWrapper>
               );
diff --git a/src/client/Containers/Calculation/Sections/list.js b/src/client/Containers/Calculation/Sections/list.js
index 3a5aea2..35a491d 100644
--- a/src/client/Containers/Calculation/Sections/list.js
+++ b/src/client/Containers/Calculation/Sections/list.js
@@ -159,21 +159,22 @@ export default [
           valueName: 'broker'
         }
       },
-    //   {
-    //     title: 'Комментарий к интересу',
-    //     Component: TextArea,
-    //     props: {
-    //       name: 'tbxCommentLead',
-    //       valueName: 'commentLead'
-    //     }
-    //   },
+      //   {
+      //     title: 'Комментарий к интересу',
+      //     Component: TextArea,
+      //     props: {
+      //       name: 'tbxCommentLead',
+      //       valueName: 'commentLead'
+      //     }
+      //   },
       {
         title: 'Пересчет без пересмотра',
         Component: Switch,
         props: {
           name: 'cbxRecalcWthtRevision',
           valueName: 'recalcWthtRevision'
-        }
+        },
+        newLine: true
       },
       {
         Component: Button,