Merge pull request #1293 from AlecRust/consistent-vote-buttons

Fix vote button hover inconsistency

public/content.css

@@ -9,7 +9,7 @@
     position: absolute;
     width: 100%;
 	pointer-events: none;
-	
+
 	height: 100%;
 	transform: scaleY(0.6) translateY(-30%) translateY(1.5px);
 	z-index: 40;
@@ -108,7 +108,7 @@
 
 .sponsorSkipObject {
 	font-family: Roboto, Arial, Helvetica, sans-serif;
-		
+
 	margin-left: 2px;
 	margin-right: 2px;
 }
@@ -253,7 +253,7 @@
 .sponsorSkipNoticeButton:hover {
 	background-color: rgba(235, 235, 235,0.2);
 	border-radius: 4px;
-	
+
 	transition: background-color 0.4s;
 }
 
@@ -288,7 +288,7 @@
 	height: 10px;
 	width: 10px;
 	box-sizing: unset;
-	
+
 	padding: 2px 5px;
 
 	margin-left: 2px;
@@ -303,7 +303,7 @@
 	font-size: 14px;
 	font-weight: bold;
 	color: rgb(235, 235, 235);
-	
+
 	margin-top: auto;
 	display: inline-block;
 	margin-right: 10px;
@@ -343,15 +343,6 @@
     color: rgb(235, 235, 235);
 }
 
-.voteButton {
-	height: 24px;
-	width: 24px;
-	cursor: pointer;
-}
-.voteButton:hover {
-	filter: brightness(80%);
-}
-
 .segmentSummary {
 	outline: none !important;
 }
@@ -369,7 +360,7 @@
 	padding:4px 15px;
 	text-decoration:none;
     text-shadow:0px 0px 0px #662727;
-    
+
     margin-top: 5px;
     margin-right: 15px;
 }
@@ -405,7 +396,7 @@
 	padding:4px 15px;
 	text-decoration:none;
     text-shadow:0px 0px 0px #662727;
-    
+
     margin-top: 5px;
     margin-right: 15px;
 }
@@ -467,7 +458,7 @@
 	margin-right: 20px;
 
 	font-size: 13px;
-	
+
 	cursor: pointer;
 }
 
@@ -516,14 +507,14 @@ input::-webkit-inner-spin-button {
 	height: 25px;
 	cursor: pointer;
 	padding: 5px;
-	
+
 	margin: auto;
     top: 0;
     bottom: 0;
     position: absolute;
 }
 .helpButton:hover {
-	filter: brightness(80%);
+	opacity: 0.8;
 }
 
 .sbChatNotice iframe {
@@ -646,7 +637,7 @@ input::-webkit-inner-spin-button {
 	height: 10px;
 	width: 10px;
 	box-sizing: unset;
-	
+
 	margin: 0px 0px 0px 5px;
 }
 
@@ -658,4 +649,4 @@ input::-webkit-inner-spin-button {
 #sponsorBlockDurationAfterSkips.ytm-time-display {
 	padding-left: 4px;
 	margin: 0px;
-}
+}

public/popup.css

@@ -190,6 +190,10 @@
   cursor: pointer;
 }
 
+.voteButton:hover {
+  opacity: 0.8;
+}
+
 /*
  * "Voted!" text that appears after voting on a segment
  */