diff --git a/app/content-scripts/rewards/Notification.jsx b/app/content-scripts/rewards/Notification.jsx index 63eefa5dc..ec4f71c1b 100644 --- a/app/content-scripts/rewards/Notification.jsx +++ b/app/content-scripts/rewards/Notification.jsx @@ -51,10 +51,10 @@ class Notification extends Component { {this.props.data.buttons &&
- -
diff --git a/app/scss/rewards.scss b/app/scss/rewards.scss index e9e0acf90..8ec7320c4 100644 --- a/app/scss/rewards.scss +++ b/app/scss/rewards.scss @@ -435,12 +435,48 @@ display: flex; justify-content: center; flex-direction: row; - div { + .btn { + width: 60px; + height: 30px; + border-radius: 3px; + text-transform: uppercase; + } + button { + cursor: pointer; + font-weight: bold; + transition: background-color 0.25s ease-out, color 0.25s ease-out; + margin-top: 10px; + margin-bottom: 10px; &:nth-child(1) { - margin-right:10px; + margin-right:5px; + color:$dark-purple; + border: 2px solid $dark-purple; } &:nth-child(2) { - margin-left:10px; + margin-left:5px; + border: 2px solid transparent; + &:hover { + border: 2px solid $dark-purple; + } + } + &:hover{ + background-color: $dark-purple; + color: $white; + } + } + } + } + .rewards-notification.second-prompt{ + .notification-buttons { + button{ + &:nth-child(1) { + background-color: $dark-purple; + color: $white; + } + &:hover { + background-color: #D8D8D8; + border-color: #D8D8D8; + color: $black; } } } diff --git a/src/classes/Rewards.js b/src/classes/Rewards.js index e06932fd6..8f7ad1c2b 100644 --- a/src/classes/Rewards.js +++ b/src/classes/Rewards.js @@ -53,7 +53,7 @@ class Rewards { const { offerId, actionId } = message; const signal = { origin: 'ghostery', - type: 'action-signal', + type: 'offer-action-signal', data: { action_id: actionId, offer_id: offerId