add border radius to row in manage owners settings

This commit is contained in:
Mikhail Mikheev 2019-09-05 19:20:12 +04:00
parent 03ede6919f
commit 5126f084a7
3 changed files with 8 additions and 16 deletions

View File

@ -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>

View File

@ -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"

View File

@ -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',