aboutsummaryrefslogtreecommitdiffstats
path: root/ui
diff options
context:
space:
mode:
authorAlexander Tseung <alextsg@gmail.com>2018-01-13 08:16:28 +0800
committerChi Kei Chan <chikeichan@gmail.com>2018-01-13 09:07:10 +0800
commitdce6dcf437ecb7769d45ee38f1d2227a74f09ca6 (patch)
tree3308d75f7e32689551a7216c56d88753ea8b7569 /ui
parent2bc85ea72f2b53f763149dafd3a7787de9016635 (diff)
downloadtangerine-wallet-browser-dce6dcf437ecb7769d45ee38f1d2227a74f09ca6.tar
tangerine-wallet-browser-dce6dcf437ecb7769d45ee38f1d2227a74f09ca6.tar.gz
tangerine-wallet-browser-dce6dcf437ecb7769d45ee38f1d2227a74f09ca6.tar.bz2
tangerine-wallet-browser-dce6dcf437ecb7769d45ee38f1d2227a74f09ca6.tar.lz
tangerine-wallet-browser-dce6dcf437ecb7769d45ee38f1d2227a74f09ca6.tar.xz
tangerine-wallet-browser-dce6dcf437ecb7769d45ee38f1d2227a74f09ca6.tar.zst
tangerine-wallet-browser-dce6dcf437ecb7769d45ee38f1d2227a74f09ca6.zip
Fix Add Token button order, styling
Diffstat (limited to 'ui')
-rw-r--r--ui/app/add-token.js8
-rw-r--r--ui/app/css/itcss/components/add-token.scss22
2 files changed, 16 insertions, 14 deletions
diff --git a/ui/app/add-token.js b/ui/app/add-token.js
index 10aaae103..9f1357591 100644
--- a/ui/app/add-token.js
+++ b/ui/app/add-token.js
@@ -345,12 +345,12 @@ AddTokenScreen.prototype.render = function () {
]),
]),
h('div.add-token__buttons', [
- h('button.btn-secondary', {
- onClick: this.onNext,
- }, 'Next'),
- h('button.btn-tertiary', {
+ h('button.btn-cancel.add-token__button', {
onClick: goHome,
}, 'Cancel'),
+ h('button.btn-clear.add-token__button', {
+ onClick: this.onNext,
+ }, 'Next'),
]),
])
)
diff --git a/ui/app/css/itcss/components/add-token.scss b/ui/app/css/itcss/components/add-token.scss
index 5f6d0fcff..13020f62f 100644
--- a/ui/app/css/itcss/components/add-token.scss
+++ b/ui/app/css/itcss/components/add-token.scss
@@ -94,6 +94,7 @@
padding: 12px 0;
font-weight: 600;
cursor: pointer;
+ position: relative;
&:hover {
background-color: rgba(0, 0, 0, .05);
@@ -164,9 +165,18 @@
&__buttons {
display: flex;
- flex-flow: column nowrap;
+ flex-flow: row nowrap;
margin: 30px 0 51px;
flex: 0 0 auto;
+ align-items: center;
+ justify-content: center;
+ }
+
+ &__button {
+ flex: 1 0 141px;
+ margin: 0 12px;
+ padding: 10px 22px;
+ height: 54px;
}
&__token-icons-container {
@@ -324,18 +334,10 @@
}
&__buttons {
- flex-flow: row nowrap;
- width: 100%;
- align-items: center;
- justify-content: center;
padding: 12px 0;
margin: 0;
border-top: 1px solid $gallery;
-
- button {
- flex: 1 0 auto;
- margin: 0 12px;
- }
+ width: 100%;
}
}
}