Added new button backgrounds. Centered report button

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;
+	margin-right: 0;
-	padding: 0px;
+}
+
+.sponsorSkipNoticeCloseButton {
+	height: 10px;
+	width: 10px;
+	
+	padding: 2px 5px;
+
+	margin-left: 2px;
+    float: right;
 }
 
 .sponsorSkipMessage {

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