Merge branch 'master' of https://github.com/ajayyy/SponsorBlock into chapters

public/content.css

@@ -1,3 +1,7 @@
+.hidden {
+	display: none;
+}
+
 #previewbar {
     overflow: visible;
     padding: 0;
@@ -294,6 +298,10 @@ div:hover > .sponsorBlockChapterBar {
     float: right;
 }
 
+.sponsorSkipNoticeCloseButton.biggerCloseButton {
+	padding: 20px;
+}
+
 .sponsorSkipMessage {
 	font-size: 14px;
 	font-weight: bold;
@@ -302,6 +310,7 @@ div:hover > .sponsorBlockChapterBar {
 	margin-top: auto;
 	display: inline-block;
 	margin-right: 10px;
+	margin-bottom: auto;
 }
 
 .sponsorSkipInfo {
@@ -530,12 +539,35 @@ input::-webkit-inner-spin-button {
 .skipButtonControlBarContainer {
 	cursor: pointer;
 	display: flex;
+    color: white;
 }
 
 .skipButtonControlBarContainer.hidden {
 	display: none !important;
 }
 
+.skipButtonControlBarContainer.mobile {
+	bottom: 30%;
+    margin-left: 5px;
+	position: absolute;
+	height: 20px;
+
+	background-color: #00000030;
+	opacity: 0.5;
+	border-radius: 10px;
+	padding: 4px;
+}
+
+.skipButtonControlBarContainer.mobile.textDisabled {
+	padding: 0;
+	background-color: transparent;
+}
+
+.skipButtonControlBarContainer.mobile > div {
+	margin: auto;
+	margin-left: 5px;
+}
+
 #sbSkipIconControlBarImage {
 	height: 60%;
     top: 0px;
@@ -544,6 +576,11 @@ input::-webkit-inner-spin-button {
     margin: auto;
 }
 
+.mobile #sbSkipIconControlBarImage {
+	height: 100%;
+	width: 20px;
+}
+
 .sponsorBlockTooltip {
     position: absolute;
     background-color: rgba(28, 28, 28, 0.7);