diff --git a/src/components/Web3message.module.scss b/src/components/Web3message.module.scss index 5f78d8c..f24ef53 100644 --- a/src/components/Web3message.module.scss +++ b/src/components/Web3message.module.scss @@ -3,7 +3,7 @@ .message { margin-bottom: $spacer; color: $brand-grey; - padding-left: 1.5rem; + padding-left: 2rem; position: relative; border-bottom: .1rem solid $brand-grey-lighter; border-top: .1rem solid $brand-grey-lighter; @@ -16,3 +16,8 @@ margin-left: $spacer / 8; background: none; } + +.status { + margin-left: -($spacer); + margin-right: $spacer / 3; +} diff --git a/src/components/Web3message.tsx b/src/components/Web3message.tsx index 919da5f..ee0ed34 100644 --- a/src/components/Web3message.tsx +++ b/src/components/Web3message.tsx @@ -24,8 +24,9 @@ export default class Web3message extends PureComponent { public noWeb3() { return (
- No Web3 Browser. For publishing an asset you - need to use a Web3-capable plugin or browser, like{' '} + No Web3 Browser. For + publishing an asset you need to use a Web3-capable plugin or + browser, like{' '} MetaMask @@ -37,8 +38,8 @@ export default class Web3message extends PureComponent { public unlockAccount(states: any) { return (
- Account locked. For publishing an asset you - need to unlock your Web3 account. + Account locked. For + publishing an asset you need to unlock your Web3 account. @@ -49,7 +50,8 @@ export default class Web3message extends PureComponent { public haveAccount(account: string) { return (
- Connected with account + Connected with + account {`${account && account.substring(0, 20)}...`}