From cbab026f27a433bbd4fe61ced0be3322df61fac5 Mon Sep 17 00:00:00 2001
From: Ajay Ramachandran <dev@ajay.app>
Date: Mon, 19 Aug 2019 16:49:22 -0400
Subject: [PATCH] Added new button backgrounds. Centered report button

---
 content.css         | 35 +++++++++++++++++++++++++++--------
 utils/skipNotice.js |  3 +++
 2 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/content.css b/content.css
index 87e890d8..05fee444 100644
--- a/content.css
+++ b/content.css
@@ -105,11 +105,6 @@
 	border-left: 1px solid rgb(150, 150, 150);
 }
 
-.sponsorSkipNoticeCloseButton {
-	height: 10px;
-    width: 10px;
-}
-
 .sponsorSkipNoticeButton {
 	background: none;
 	color: rgb(235, 235, 235);
@@ -120,7 +115,22 @@
 
 	margin-right: 10px;
 
-	padding: 1px 6px;
+    padding: 2px 5px;
+}
+
+.sponsorSkipNoticeButton:hover {
+	background-color: rgba(235, 235, 235,0.2);
+	border-radius: 4px;
+	
+	transition: background-color 0.4s;
+}
+
+.sponsorTimesVoteButtonsContainer {
+	float: left;
+	
+	padding: 2px 5px;
+
+	margin-right: 4px;
 }
 
 .sponsorSkipNoticeRightSection {
@@ -133,8 +143,17 @@
 }
 
 .sponsorSkipNoticeRightButton {
-    margin-left: 7px;
-	padding: 0px;
+	margin-right: 0;
+}
+
+.sponsorSkipNoticeCloseButton {
+	height: 10px;
+	width: 10px;
+	
+	padding: 2px 5px;
+
+	margin-left: 2px;
+    float: right;
 }
 
 .sponsorSkipMessage {
diff --git a/utils/skipNotice.js b/utils/skipNotice.js
index bf5cc112..de09872c 100644
--- a/utils/skipNotice.js
+++ b/utils/skipNotice.js
@@ -76,6 +76,7 @@ class SkipNotice {
         //thumbs up and down buttons
         let voteButtonsContainer = document.createElement("td");
         voteButtonsContainer.id = "sponsorTimesVoteButtonsContainer" + this.UUID;
+        voteButtonsContainer.className = "sponsorTimesVoteButtonsContainer"
 
         let reportText = document.createElement("span");
         reportText.id = "sponsorTimesReportText" + this.UUID;
@@ -104,6 +105,8 @@ class SkipNotice {
         unskipButton.className = "sponsorSkipObject sponsorSkipNoticeButton";
         unskipButton.addEventListener("click", () => goBackToPreviousTime(this));
 
+        unskipButton.style.marginLeft = "4px";
+
         unskipContainer.appendChild(unskipButton);
 
         //add don't show again button