fix layout

src/client/Containers/Calculation/Results/index.jsx

@@ -5,7 +5,7 @@ import Title from 'client/Elements/Title';
 import { Flex } from 'client/UIKit/grid';
 
 const Results = props => (
-  <Background flex="0.5 0 20rem" justifyContent="center">
+  <Background flex="1 0 25%" justifyContent="center">
     <Title text="Результаты" />
   </Background>
 );

src/client/Containers/Calculation/Sections/index.jsx

@@ -11,13 +11,16 @@ const { TabPane } = Tabs;
 
 const InputWrapper = styled(Box)`
   width: 100%;
-  ${mq.desktop`width:250px`}
+  ${mq.desktop`flex: 2 0 23%;
+    width:23%;
+  `}
   margin: 8px 8px;
-  ${props => props.newLine && 'flex-basis: 100%;'}
+
+  // ${(props) => props.newLine && 'flex-basis: 100%;'}
 `;
 
-const Sections = props => (
-  <Background flex="3 1 25rem">
+const Sections = (props) => (
+  <Background flex="3 0 72%">
     <Tabs type="line">
       {SectionsList.map(({ title, elements }, i) => (
         <TabPane tab={title} key={i}>

src/client/Elements/Background.jsx

@@ -7,7 +7,7 @@ const Background = styled(Flex)`
   margin: 10px 10px;
   padding: 10px 18px;
   box-shadow: 4px 5px 17px -11px rgba(0, 0, 0, 0.75);
-  flex: ${props => props.flex};
+  flex: ${(props) => props.flex};
 `;
 
 export default Background;

src/client/hocs/withTitle.jsx

@@ -8,7 +8,7 @@ const Title = styled.h5`
   font-weight: 600;
   font-size: 15px;
   line-height: 1.5;
-  margin: 0 0 2px 0;
+  margin: 0 0 3px 0;
 `;
 
 const withTitle = title => Component => props => (