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