aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--ui/app/components/modals/hide-token-confirmation-modal.js4
-rw-r--r--ui/app/css/itcss/components/modal.scss24
-rw-r--r--ui/app/css/itcss/components/newui-sections.scss2
-rw-r--r--ui/app/css/itcss/components/token-list.scss10
4 files changed, 15 insertions, 25 deletions
diff --git a/ui/app/components/modals/hide-token-confirmation-modal.js b/ui/app/components/modals/hide-token-confirmation-modal.js
index fa3ad0b1e..56c7ba299 100644
--- a/ui/app/components/modals/hide-token-confirmation-modal.js
+++ b/ui/app/components/modals/hide-token-confirmation-modal.js
@@ -58,12 +58,12 @@ HideTokenConfirmationModal.prototype.render = function () {
]),
h('div.hide-token-confirmation__buttons', {}, [
- h('button.btn-clear', {
+ h('button.btn-cancel.hide-token-confirmation__button', {
onClick: () => hideModal(),
}, [
'CANCEL',
]),
- h('button.btn-clear', {
+ h('button.btn-clear.hide-token-confirmation__button', {
onClick: () => hideToken(address),
}, [
'HIDE',
diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss
index 7a2ec35a4..501351700 100644
--- a/ui/app/css/itcss/components/modal.scss
+++ b/ui/app/css/itcss/components/modal.scss
@@ -486,10 +486,9 @@
.hide-token-confirmation {
min-height: 250.72px;
- width: 374.49px;
border-radius: 4px;
- background-color: #FFFFFF;
- box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5);
+ background-color: $white;
+ box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .5);
&__container {
padding: 24px 27px 21px;
@@ -499,7 +498,7 @@
}
&__identicon {
- margin-bottom: 10px
+ margin-bottom: 10px;
}
&__symbol {
@@ -538,20 +537,11 @@
justify-content: center;
margin-top: 15px;
width: 100%;
+ }
- button {
- height: 44px;
- width: 113px;
- border: 1px solid $scorpion;
- border-radius: 2px;
- color: $tundora;
- font-family: Roboto;
- font-size: 14px;
- line-height: 20px;
- text-align: center;
- margin-left: 4px;
- margin-right: 4px;
- }
+ &__button {
+ width: 141px;
+ margin: 0 5px;
}
}
diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss
index af1a6974c..c9a06a2cc 100644
--- a/ui/app/css/itcss/components/newui-sections.scss
+++ b/ui/app/css/itcss/components/newui-sections.scss
@@ -153,7 +153,7 @@ $wallet-view-bg: $alabaster;
background: rgb(250, 250, 250);
z-index: $sidebar-z-index;
position: fixed;
- top: 56px;
+ top: 66px;
left: 0;
right: 0;
bottom: 0;
diff --git a/ui/app/css/itcss/components/token-list.scss b/ui/app/css/itcss/components/token-list.scss
index bdd26099a..e24bf812b 100644
--- a/ui/app/css/itcss/components/token-list.scss
+++ b/ui/app/css/itcss/components/token-list.scss
@@ -63,11 +63,11 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
height: 55px;
width: 191px;
border-radius: 4px;
- background-color: rgba(0,0,0,0.82);
- box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
- position: fixed;
- margin-top: 20px;
- margin-left: 105px;
+ background-color: rgba(0, 0, 0, .82);
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
+ position: absolute;
+ top: 60px;
+ right: 25px;
z-index: 2000;
&__close-area {