diff --git a/src/client/Containers/Calculation/Sections/sectionsList.ts b/src/client/Containers/Calculation/Sections/sectionsList.ts
index f447802..ad7cc1c 100644
--- a/src/client/Containers/Calculation/Sections/sectionsList.ts
+++ b/src/client/Containers/Calculation/Sections/sectionsList.ts
@@ -38,9 +38,6 @@ const sections: ISection[] = [
},
},
],
- layout: {
- width: '30%',
- },
},
{
elements: [
@@ -55,9 +52,6 @@ const sections: ISection[] = [
},
},
],
- layout: {
- width: '30%',
- },
},
{
elements: [
@@ -72,9 +66,6 @@ const sections: ISection[] = [
},
},
],
- layout: {
- width: '30%',
- },
},
{
elements: [
@@ -270,6 +261,9 @@ const sections: ISection[] = [
},
},
],
+ layout: {
+ newLine: true,
+ },
},
{
@@ -310,9 +304,6 @@ const sections: ISection[] = [
},
},
],
- layout: {
- width: '30%',
- },
},
{
elements: [
@@ -325,9 +316,6 @@ const sections: ISection[] = [
},
},
],
- layout: {
- width: '30%',
- },
},
{
elements: [
@@ -340,9 +328,6 @@ const sections: ISection[] = [
},
},
],
- layout: {
- width: '30%',
- },
},
],
},
@@ -602,6 +587,7 @@ const sections: ISection[] = [
],
layout: {
newLine: true,
+ width: '100%',
},
},
],
@@ -1369,6 +1355,9 @@ const sections: ISection[] = [
},
},
],
+ layout: {
+ width: '100%',
+ },
},
],
},
diff --git a/src/client/Containers/Calculation/index.jsx b/src/client/Containers/Calculation/index.jsx
index e3261de..0aea0cb 100644
--- a/src/client/Containers/Calculation/index.jsx
+++ b/src/client/Containers/Calculation/index.jsx
@@ -33,19 +33,16 @@ const Calculation = () => {
const ModalComponent = withStoreModal(Modal);
return (
-
-
-
-
-
-
-
+
+
+
+
+
);
};
diff --git a/src/client/Containers/Calculation/lib/renderSections.js b/src/client/Containers/Calculation/lib/renderSections.js
index 6d0b3a5..1bbb23f 100644
--- a/src/client/Containers/Calculation/lib/renderSections.js
+++ b/src/client/Containers/Calculation/lib/renderSections.js
@@ -22,7 +22,7 @@ const renderElements = ({ elements }) => {
return elements.map(({ title: elementTitle, ...element }, ie) => {
const Component = buildElement(element);
return (
-
+
{elementTitle}
@@ -37,12 +37,13 @@ const renderBlocks = ({ blocks }) => {
return blocks.map((block, ib) => {
const { elements, title: blockTitle, layout } = block;
const newLine = layout && layout.newLine;
- const width = (layout && layout.width) || '45%';
+ const width = (layout && layout.width) || '33%';
return (
{newLine && }
{
`2 0 ${width}`,
'3 0 30%',
]}
+ width={['100%', '100%', width]}
mx="10px"
>
{blockTitle && (