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('div.add-token__buttons', [
h('button.btn-secondary', { h('button.btn-cancel.add-token__button', {
onClick: this.onNext,
}, 'Next'),
h('button.btn-tertiary', {
onClick: goHome, onClick: goHome,
}, 'Cancel'), }, '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; padding: 12px 0;
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
position: relative;
&:hover { &:hover {
background-color: rgba(0, 0, 0, .05); background-color: rgba(0, 0, 0, .05);
@ -164,9 +165,18 @@
&__buttons { &__buttons {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: row nowrap;
margin: 30px 0 51px; margin: 30px 0 51px;
flex: 0 0 auto; 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 { &__token-icons-container {
@ -324,18 +334,10 @@
} }
&__buttons { &__buttons {
flex-flow: row nowrap;
width: 100%;
align-items: center;
justify-content: center;
padding: 12px 0; padding: 12px 0;
margin: 0; margin: 0;
border-top: 1px solid $gallery; border-top: 1px solid $gallery;
width: 100%;
button {
flex: 1 0 auto;
margin: 0 12px;
}
} }
} }
} }