diff --git a/README.md b/README.md
index 499219bd..4966021d 100644
--- a/README.md
+++ b/README.md
@@ -60,7 +60,7 @@ Lets visitors say thanks with Bitcoin or Ether. Uses [web3.js](https://github.co
As a fallback, QR codes are generated with [react-qr-svg](https://github.com/no23reason/react-qr-svg) from the addresses defined in [`config.js`](config.js).
-
+
If you want to know how this works, have a look at the respective components under
diff --git a/src/components/Web3Donation/Account.module.scss b/src/components/Web3Donation/Account.module.scss
index d06c7b35..d0ebeeb3 100644
--- a/src/components/Web3Donation/Account.module.scss
+++ b/src/components/Web3Donation/Account.module.scss
@@ -4,14 +4,9 @@
font-size: $font-size-mini;
color: $brand-grey-light;
max-width: 8rem;
- margin: auto;
- margin-bottom: $spacer / 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
- border: 1px solid $brand-grey-dimmed;
- padding: $spacer / 10 $spacer / 2 $spacer / 6 $spacer / 2;
- border-radius: $border-radius;
}
.identicon {
@@ -19,5 +14,6 @@
overflow: hidden;
display: inline-block;
vertical-align: middle;
- margin-right: $spacer / 4;
+ margin-right: $spacer / 8;
+ margin-left: $spacer;
}
diff --git a/src/components/Web3Donation/Conversion.module.scss b/src/components/Web3Donation/Conversion.module.scss
index 304732ad..3caec195 100644
--- a/src/components/Web3Donation/Conversion.module.scss
+++ b/src/components/Web3Donation/Conversion.module.scss
@@ -4,11 +4,6 @@
font-size: $font-size-mini;
color: $brand-grey-light;
text-align: center;
- margin-top: $spacer / 4;
-
- @media (min-width: $screen-sm) {
- flex-basis: 100%;
- }
span {
margin-left: $spacer / 2;
diff --git a/src/components/Web3Donation/InputGroup.jsx b/src/components/Web3Donation/InputGroup.jsx
index e05923f5..0e2edf8a 100644
--- a/src/components/Web3Donation/InputGroup.jsx
+++ b/src/components/Web3Donation/InputGroup.jsx
@@ -1,6 +1,7 @@
import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
import Input from '../atoms/Input'
+import Account from './Account'
import Conversion from './Conversion'
import styles from './InputGroup.module.scss'
@@ -10,7 +11,8 @@ export default class InputGroup extends PureComponent {
hasAccount: PropTypes.bool.isRequired,
amount: PropTypes.string.isRequired,
onAmountChange: PropTypes.func.isRequired,
- handleButton: PropTypes.func.isRequired
+ handleButton: PropTypes.func.isRequired,
+ selectedAccount: PropTypes.string
}
render() {
@@ -19,7 +21,8 @@ export default class InputGroup extends PureComponent {
hasAccount,
amount,
onAmountChange,
- handleButton
+ handleButton,
+ selectedAccount
} = this.props
return (
@@ -44,7 +47,10 @@ export default class InputGroup extends PureComponent {
>
Make it rain
-
Send Ether with MetaMask, Brave, or Mist.
- {selectedAccount &&