verison 1.6.2

package.json

@@ -1,6 +1,6 @@
 {
   "name": "arbor-frontend",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "private": true,
   "dependencies": {
     "@brainhubeu/react-carousel": "1.19.26",

src/components/Dialog.js

@@ -14,15 +14,16 @@ const DialogContent = withStyles({
   root: {
     '&:first-child': {
       paddingTop: '80px'
-    }
+    },
+    maxWidth: '800px'
   }
 })(MuiDialogContent);
 
 const styles =  makeStyles({
   dialogContainer: {
     '& > .MuiDialog-paper > .MuiDialogContent-root:first-child': {
       paddingTop: '80px'
-    }
+    },
   },
   dialogContentWrapper: {
     position: 'relative',

src/components/VcProofsWizard.js

@@ -15,7 +15,7 @@ import SaveButton from './buttons/Save';
 
 const useStyles = makeStyles({
     root: {
-
+        maxWidth: '700px'
     },
     info: {
         fontFamily: 'Inter',

src/components/icons/IconTelegram.js

@@ -5,6 +5,6 @@ export default props => (
     <SvgIcon
         {...props}
     >
-        <path d="M9.83648 14.5584L18.4871 7.71097L7.26049 13.3689L2.71205 12.0154C1.73182 11.7285 1.72482 11.0851 2.93388 10.6219L20.65 4.1052C21.4584 3.75635 22.2398 4.29107 21.931 5.47202L18.9144 19.0334C18.7036 19.998 18.095 20.2268 17.2477 19.7817L12.6523 16.5438C11.9188 17.2242 10.6736 19.0315 9.52273 19.0315L9.83648 14.5584ZM9.83648 14.5584H9.83448" stroke="#42424F" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+        <path d="M9.83648 14.5584L18.4871 7.71097L7.26049 13.3689L2.71205 12.0154C1.73182 11.7285 1.72482 11.0851 2.93388 10.6219L20.65 4.1052C21.4584 3.75635 22.2398 4.29107 21.931 5.47202L18.9144 19.0334C18.7036 19.998 18.095 20.2268 17.2477 19.7817L12.6523 16.5438C11.9188 17.2242 10.6736 19.0315 9.52273 19.0315L9.83648 14.5584ZM9.83648 14.5584H9.83448" stroke="#42424F" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" fill="none"/>
     </SvgIcon>
 );

src/routes/Organization/Components/Payments.js

@@ -63,7 +63,7 @@ const styles = makeStyles({
     fontWeight: 400,
     fontSize: '14px',
     color: colors.greyScale.dark,
-    padding: '40px 0'
+    margin: '0 0 40px 0'
   },
   servicesTitleWrapper: {
     fontSize: '24px',

src/routes/Organization/Components/Services.js

@@ -61,7 +61,8 @@ const styles = makeStyles({
     position: 'relative',
     fontWeight: 400,
     fontSize: '14px',
-    color: colors.greyScale.dark
+    color: colors.greyScale.dark,
+    margin: '0 0 40px 0'
   },
   servicesTitleWrapper: {
     fontSize: '24px',

src/routes/Organization/Components/SimardAccounts.js

@@ -33,14 +33,14 @@ const styles = makeStyles({
     marginTop: '10px'
   },
   content: {
-    marginBottom: '60px'
+    marginBottom: '40px'
   },
   header: {
     position: 'relative',
     fontWeight: 400,
     fontSize: '14px',
     color: colors.greyScale.dark,
-    padding: '40px 0 0 0'
+    padding: '0 0 0 0'
   },
   headerTitle: {
     fontSize: '24px',

src/routes/Organization/Organization.js

@@ -60,27 +60,28 @@ const styles = makeStyles({
     fontWeight: 500,
     lineHeight: 1.14,
     color: '#42424F',
-    margin: '0 0 20px 0'
+    margin: '0 0 40px 0'
   },
   topSectionText: {
     color: '#5E666A',
-    marginBottom: '19px',
+    marginBottom: '40px',
     lineHeight: '28px'
   },
-  topDiv: {
+  lifDepBlock: {
     backgroundColor: colors.greyScale.moreLighter,
-    marginBottom: '19px',
+    margin: '0 0 40px 0',
+    padding: '60px 0 60px 0'
   },
   mainTitle: {
     fontSize: '40px',
     fontWeight: 500,
     lineHeight: 1.14,
     color: colors.greyScale.darkest,
-    margin: '107px 0 25px 0'
+    margin: '107px 0 40px 0'
   },
   topText: {
     color: colors.greyScale.dark,
-    marginBottom: '19px',
+    marginBottom: '40px',
     lineHeight: '28px'
   },
 
@@ -107,7 +108,7 @@ const styles = makeStyles({
     color: colors.primary.white,
     textTransform: 'none',
     padding: '4px 14px'
-  },
+  }
 });
 
 export function Organization (props) {
@@ -186,7 +187,7 @@ export function Organization (props) {
       />
       <Info organization={organization} canManage={canManage} orgIdLifDepositAmount={orgIdLifDepositAmount}/>
       {subsidiaries && subsidiaries.length > 0 &&
-        <div style={{ marginBottom: '30px' }}>
+        <div style={{ marginBottom: '40px' }}>
           <SubOrganizations organization={organization} subs={subs} canManage={canManage} />
         </div>
       }
@@ -199,7 +200,7 @@ export function Organization (props) {
         organization={organization}
       />
       {showLifDepositSection &&
-      <div className={classes.topDiv}>
+      <div className={`${classes.lifDepBlock} ${classes.bm80}`}>
         <Container>
           <Grid container>
             <Grid item xs={12} lg={6}>