Added a smaller notice

public/content.css

@@ -116,6 +116,10 @@
 	border-collapse: unset;
 }
 
+.sponsorSkipNotice .hidden {
+	display: none;
+}
+
 .sponsorSkipNoticeFadeIn {
 	animation: fadeIn 0.5s;
 }
@@ -131,9 +135,20 @@
     padding: 2px 5px;
     font-size: 12px;
 
+	display: flex;
+    align-items: center;
+
 	border: 1px solid #eeeeee;
 }
 
+.sponsorSkipNoticeTimeLeft img {
+	vertical-align: middle;
+    height: 13px;
+
+	padding-top: 7.8%;
+    padding-bottom: 7.8%;
+}
+
 /* if two are very close to eachother */
 .secondSkipNotice {
 	bottom: 250px;
@@ -141,6 +156,11 @@
   	transition: bottom 0.2s;
 }
 
+.noticeLeftIcon {
+	display: flex;
+  	align-items: center;
+}
+
 .sponsorSkipNoticeUnskipSection {
 	float: left;
 
@@ -183,6 +203,8 @@
 	float: right;
 
 	margin-right: 5px;
+	display: flex;
+	align-items: center;
 }
 
 .sponsorSkipNoticeRightButton {
@@ -205,7 +227,9 @@
 	font-weight: bold;
 	color: rgb(235, 235, 235);
 	
+	margin-top: auto;
 	display: inline-block;
+	margin-right: 10px;
 }
 
 .sponsorSkipInfo {
@@ -406,10 +430,6 @@ input::-webkit-inner-spin-button {
     padding: 3px;
 }
 
-.helpButton {
-
-}
-
 .helpButton {
 	height: 25px;
 	cursor: pointer;