From 8b85a88f37091c7413303535bda0db50a8d6c260 Mon Sep 17 00:00:00 2001
From: Kostiantyn Smyrnov <kostysh@gmail.com>
Date: Thu, 22 Apr 2021 16:33:49 +0300
Subject: [PATCH] verison 1.6.2

---
 package.json                                  |  2 +-
 src/components/Dialog.js                      |  5 +++--
 src/components/VcProofsWizard.js              |  2 +-
 src/components/icons/IconTelegram.js          |  2 +-
 .../Organization/Components/Payments.js       |  2 +-
 .../Organization/Components/Services.js       |  3 ++-
 .../Organization/Components/SimardAccounts.js |  4 ++--
 src/routes/Organization/Organization.js       | 19 ++++++++++---------
 8 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/package.json b/package.json
index a015017e..41181dac 100644
--- a/package.json
+++ b/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",
diff --git a/src/components/Dialog.js b/src/components/Dialog.js
index 46239d44..a71536e4 100644
--- a/src/components/Dialog.js
+++ b/src/components/Dialog.js
@@ -14,7 +14,8 @@ const DialogContent = withStyles({
   root: {
     '&:first-child': {
       paddingTop: '80px'
-    }
+    },
+    maxWidth: '800px'
   }
 })(MuiDialogContent);
 
@@ -22,7 +23,7 @@ const styles =  makeStyles({
   dialogContainer: {
     '& > .MuiDialog-paper > .MuiDialogContent-root:first-child': {
       paddingTop: '80px'
-    }
+    },
   },
   dialogContentWrapper: {
     position: 'relative',
diff --git a/src/components/VcProofsWizard.js b/src/components/VcProofsWizard.js
index 64ef8930..678232ab 100644
--- a/src/components/VcProofsWizard.js
+++ b/src/components/VcProofsWizard.js
@@ -15,7 +15,7 @@ import SaveButton from './buttons/Save';
 
 const useStyles = makeStyles({
     root: {
-
+        maxWidth: '700px'
     },
     info: {
         fontFamily: 'Inter',
diff --git a/src/components/icons/IconTelegram.js b/src/components/icons/IconTelegram.js
index 01691d06..1053aac9 100644
--- a/src/components/icons/IconTelegram.js
+++ b/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>
 );
diff --git a/src/routes/Organization/Components/Payments.js b/src/routes/Organization/Components/Payments.js
index d2196783..e8a1fc34 100644
--- a/src/routes/Organization/Components/Payments.js
+++ b/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',
diff --git a/src/routes/Organization/Components/Services.js b/src/routes/Organization/Components/Services.js
index 6b6f2607..ac98adb7 100644
--- a/src/routes/Organization/Components/Services.js
+++ b/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',
diff --git a/src/routes/Organization/Components/SimardAccounts.js b/src/routes/Organization/Components/SimardAccounts.js
index d922ef88..0a5b77ce 100644
--- a/src/routes/Organization/Components/SimardAccounts.js
+++ b/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',
diff --git a/src/routes/Organization/Organization.js b/src/routes/Organization/Organization.js
index 567a5c53..2f616118 100644
--- a/src/routes/Organization/Organization.js
+++ b/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}>