From 5126f084a7e3828d7af8a2a4a5e66c954dd20ba7 Mon Sep 17 00:00:00 2001
From: Mikhail Mikheev <mmvsha73@gmail.com>
Date: Thu, 5 Sep 2019 19:20:12 +0400
Subject: [PATCH] add border radius to row in manage owners settings

---
 .../components/Settings/ChangeSafeName/index.jsx   |  3 +--
 .../components/Settings/ManageOwners/index.jsx     | 14 +-------------
 .../safe/components/Settings/ManageOwners/style.js |  7 ++++++-
 3 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/routes/safe/components/Settings/ChangeSafeName/index.jsx b/src/routes/safe/components/Settings/ChangeSafeName/index.jsx
index 30eaea1c..886016eb 100644
--- a/src/routes/safe/components/Settings/ChangeSafeName/index.jsx
+++ b/src/routes/safe/components/Settings/ChangeSafeName/index.jsx
@@ -12,7 +12,6 @@ import GnoForm from '~/components/forms/GnoForm'
 import Row from '~/components/layout/Row'
 import Paragraph from '~/components/layout/Paragraph'
 import Button from '~/components/layout/Button'
-import { lg } from '~/theme/variables'
 import { styles } from './style'
 
 export const SAFE_NAME_INPUT_TEST_ID = 'safe-name-input'
@@ -70,7 +69,7 @@ const ChangeSafeName = (props: Props) => {
                   color="primary"
                   testId={SAFE_NAME_SUBMIT_BTN_TEST_ID}
                 >
-                  SAVE
+                  Save
                 </Button>
               </Col>
             </Row>
diff --git a/src/routes/safe/components/Settings/ManageOwners/index.jsx b/src/routes/safe/components/Settings/ManageOwners/index.jsx
index f3793f0f..8d9ad05c 100644
--- a/src/routes/safe/components/Settings/ManageOwners/index.jsx
+++ b/src/routes/safe/components/Settings/ManageOwners/index.jsx
@@ -26,7 +26,6 @@ import {
   OWNERS_TABLE_ADDRESS_ID,
   type OwnerRow,
 } from './dataFetcher'
-import { sm, boldFont } from '~/theme/variables'
 import { styles } from './style'
 import ReplaceOwnerIcon from './assets/icons/replace-owner.svg'
 import RenameOwnerIcon from './assets/icons/rename-owner.svg'
@@ -39,16 +38,6 @@ export const ADD_OWNER_BTN_TEST_ID = 'add-owner-btn'
 export const REPLACE_OWNER_BTN_TEST_ID = 'replace-owner-btn'
 export const OWNERS_ROW_TEST_ID = 'owners-row'
 
-const controlsStyle = {
-  backgroundColor: 'white',
-  padding: sm,
-}
-
-const addOwnerButtonStyle = {
-  marginRight: sm,
-  fontWeight: boldFont,
-}
-
 type Props = {
   classes: Object,
   safeAddress: string,
@@ -202,10 +191,9 @@ class ManageOwners extends React.Component<Props, State> {
         {granted && (
           <>
             <Hairline />
-            <Row style={controlsStyle} align="end" grow>
+            <Row className={classes.controlsRow} align="end" grow>
               <Col end="xs">
                 <Button
-                  style={addOwnerButtonStyle}
                   size="small"
                   variant="contained"
                   color="primary"
diff --git a/src/routes/safe/components/Settings/ManageOwners/style.js b/src/routes/safe/components/Settings/ManageOwners/style.js
index 72701300..713495eb 100644
--- a/src/routes/safe/components/Settings/ManageOwners/style.js
+++ b/src/routes/safe/components/Settings/ManageOwners/style.js
@@ -3,7 +3,7 @@ import { lg } from '~/theme/variables'
 
 export const styles = () => ({
   formContainer: {
-    minHeight: '369px',
+    minHeight: '420px',
   },
   title: {
     padding: lg,
@@ -31,6 +31,11 @@ export const styles = () => ({
     marginLeft: lg,
     cursor: 'pointer',
   },
+  controlsRow: {
+    backgroundColor: 'white',
+    padding: lg,
+    borderRadius: '8px',
+  },
   removeOwnerIcon: {
     marginLeft: lg,
     cursor: 'pointer',