m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Fix Add Token button order, styling

Browse Source
This commit is contained in:
Alexander Tseung 2018-01-12 16:16:28 -08:00 committed by Chi Kei Chan
parent 2bc85ea72f
commit dce6dcf437
2 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/app/add-token.js
View File

@ -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'),
]),
])
)

22
ui/app/css/itcss/components/add-token.scss
View File

@ -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%;
}
}
}