UI fixes: new line

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>
               );

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,