aboutsummaryrefslogtreecommitdiffstats
path: root/ui
diff options
context:
space:
mode:
Diffstat (limited to 'ui')
-rw-r--r--ui/app/app.js18
-rw-r--r--ui/app/components/dropdown.js3
-rw-r--r--ui/app/css/index.css2
-rw-r--r--ui/app/css/lib.css9
4 files changed, 28 insertions, 4 deletions
diff --git a/ui/app/app.js b/ui/app/app.js
index fda48f41d..2566a7515 100644
--- a/ui/app/app.js
+++ b/ui/app/app.js
@@ -251,6 +251,9 @@ App.prototype.renderNetworkDropdown = function () {
key: 'main',
closeMenu: () => this.setState({ isNetworkMenuOpen: !isOpen }),
onClick: () => props.dispatch(actions.setProviderType('mainnet')),
+ style: {
+ fontSize: '18px'
+ },
},
[
h('.menu-icon.diamond'),
@@ -265,6 +268,9 @@ App.prototype.renderNetworkDropdown = function () {
key: 'ropsten',
closeMenu: () => this.setState({ isNetworkMenuOpen: !isOpen }),
onClick: () => props.dispatch(actions.setProviderType('ropsten')),
+ style: {
+ fontSize: '18px'
+ },
},
[
h('.menu-icon.red-dot'),
@@ -279,6 +285,9 @@ App.prototype.renderNetworkDropdown = function () {
key: 'kovan',
closeMenu: () => this.setState({ isNetworkMenuOpen: !isOpen }),
onClick: () => props.dispatch(actions.setProviderType('kovan')),
+ style: {
+ fontSize: '18px'
+ },
},
[
h('.menu-icon.hollow-diamond'),
@@ -293,6 +302,9 @@ App.prototype.renderNetworkDropdown = function () {
key: 'rinkeby',
closeMenu: () => this.setState({ isNetworkMenuOpen: !isOpen }),
onClick: () => props.dispatch(actions.setProviderType('rinkeby')),
+ style: {
+ fontSize: '18px'
+ },
},
[
h('.menu-icon.golden-square'),
@@ -307,6 +319,9 @@ App.prototype.renderNetworkDropdown = function () {
key: 'default',
closeMenu: () => this.setState({ isNetworkMenuOpen: !isOpen }),
onClick: () => props.dispatch(actions.setDefaultRpcTarget()),
+ style: {
+ fontSize: '18px'
+ },
},
[
h('i.fa.fa-question-circle.fa-lg.menu-icon'),
@@ -323,6 +338,9 @@ App.prototype.renderNetworkDropdown = function () {
{
closeMenu: () => this.setState({ isNetworkMenuOpen: !isOpen }),
onClick: () => this.props.dispatch(actions.showConfigPage()),
+ style: {
+ fontSize: '18px'
+ },
},
[
h('i.fa.fa-question-circle.fa-lg.menu-icon'),
diff --git a/ui/app/components/dropdown.js b/ui/app/components/dropdown.js
index 759800fd6..993a104ee 100644
--- a/ui/app/components/dropdown.js
+++ b/ui/app/components/dropdown.js
@@ -54,7 +54,7 @@ Dropdown.propTypes = {
class DropdownMenuItem extends Component {
render () {
- const { onClick, closeMenu, children } = this.props
+ const { onClick, closeMenu, children, style } = this.props
return h(
'li.dropdown-menu-item',
@@ -73,6 +73,7 @@ class DropdownMenuItem extends Component {
display: 'flex',
justifyContent: 'flex-start',
alignItems: 'center',
+ ...style,
},
},
children
diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index e9a70b3a2..49b432a1f 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -201,7 +201,7 @@ textarea.twelve-word-phrase {
}
.check {
- margin-left: 7px;
+ margin-left: 12px;
color: #F7861C;
flex: 1 0 auto;
display: flex;
diff --git a/ui/app/css/lib.css b/ui/app/css/lib.css
index 98570859a..6fff4f56a 100644
--- a/ui/app/css/lib.css
+++ b/ui/app/css/lib.css
@@ -238,10 +238,15 @@ hr.horizontal-line {
.menu-icon {
display: inline-block;
- height: 9px;
- min-width: 9px;
+ height: 12px;
+ min-width: 12px;
margin: 13px;
}
+
+i.fa.fa-question-circle.fa-lg.menu-icon {
+ font-size: 18px;
+}
+
.ether-icon {
background: rgb(0, 163, 68);
border-radius: 20px;