Fix wallet button style

src/StartScene.js

@@ -132,7 +132,7 @@ class StartScene extends Component<Props, State> {
           <StartParagraph
             classes={classes}
             text={
-              'Buy dozens of gift cards and mobile phone topups with your favorite cryptocurrency. Bitrefill supports Bitcoin, Ethereum, Dash, and Litecoin'
+              'Buy dozens of gift cards and mobile phone top-ups with your favorite cryptocurrency. Bitrefill supports Bitcoin, Ethereum, Dash, and Litecoin'
             }
           />
         </div>

src/components/EdgeButton.js

@@ -27,4 +27,40 @@ const EdgeButton = (props: Props) => {
   )
 }
 
-export { EdgeButton }
+const buttonStyle = {
+  textTransform: 'none',
+  padding: '15px 0',
+  margin: '5px 0',
+  borderRadius: '5px'
+}
+
+type WalletButtonProps = {
+  textColor?: string,
+  backgroundColor?: string,
+  onClick: () => void,
+  children: mixed,
+  disabled?: boolean
+}
+
+const WalletButton = (props: WalletButtonProps) => {
+  return (
+    <Button
+      variant="raised"
+      onClick={props.onClick}
+      disabled={props.disabled}
+      style={{
+        ...buttonStyle,
+        backgroundColor: props.backgroundColor,
+        color: props.textColor,
+        margin: '0',
+        borderRadius: '0',
+        borderTop: '1px solid #d8d6d8'
+      }}
+      fullWidth
+    >
+      {props.children}
+    </Button>
+  )
+}
+
+export { EdgeButton, WalletButton }

src/components/SupportLink.js

@@ -2,6 +2,6 @@
 import React from 'react'
 type Props = {}
 const SupportLink = (props: Props) => {
-  return <a href="mailto:support@simplex.com">support@simplex.com</a>
+  return <a href="mailto:support@bitrefill.com">support@bitrefill.com</a>
 }
 export { SupportLink }

src/components/WalletDrawer.js

@@ -2,7 +2,7 @@
 import Drawer from '@material-ui/core/Drawer'
 import React, { Component } from 'react'
 
-import { EdgeButton } from './index.js'
+import { WalletButton } from './index.js'
 
 type Props = {
   open: boolean,
@@ -15,12 +15,13 @@ type Props = {
 class WalletDrawer extends Component<Props> {
   renderWallet = (wallet: Object) => {
     return (
-      <EdgeButton
+      <WalletButton
         color={'primary'}
         key={wallet.id}
         onClick={() => this.props.selectWallet(wallet)}
-        text={wallet.name + '(' + wallet.currencyCode + ')'}
-      />
+      >
+        {wallet.name + '(' + wallet.currencyCode + ')'}
+      </WalletButton>
     )
   }
   renderWallets = () => {
@@ -35,11 +36,11 @@ class WalletDrawer extends Component<Props> {
         onClose={this.props.onClose}
       >
         <div>
-          <EdgeButton
-            color="primary"
-            onClick={this.props.onHeaderClick}
-            text={'Choose Destination Wallet'}
-          />
+          <WalletButton color="primary" onClick={this.props.onHeaderClick}>
+            <span style={{ fontWeight: 'bold' }}>
+              Choose Destination Wallet
+            </span>
+          </WalletButton>
           {this.renderWallets()}
         </div>
       </Drawer>