From 10d19785668e5445907981274395b2d20f5e57b6 Mon Sep 17 00:00:00 2001
From: Ajay Ramachandran <dev@ajay.app>
Date: Tue, 30 Jul 2019 15:57:28 -0400
Subject: [PATCH] Added better support for the old YouTube layout.

---
 popup.css  | 15 ++++++++++++---
 popup.html |  8 ++++----
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/popup.css b/popup.css
index 5c06ae72..d1efc61f 100644
--- a/popup.css
+++ b/popup.css
@@ -10,26 +10,35 @@ h1.popupElement {
 	margin-block-start: 0.67em;
     margin-block-end: 0.67em;
     margin-inline-start: 0px;
-    margin-inline-end: 0px;
+	margin-inline-end: 0px;
+	font-weight: bold;
 }
 
 h2.popupElement {
 	margin-block-start: 0.83em;
     margin-block-end: 0.83em;
     margin-inline-start: 0px;
-    margin-inline-end: 0px;
+	margin-inline-end: 0px;
+	font-weight: bold;
 }
 
 h3.popupElement {
 	margin-block-start: 1em;
     margin-block-end: 1em;
     margin-inline-start: 0px;
-    margin-inline-end: 0px;
+	margin-inline-end: 0px;
+	font-weight: bold;
+}
+
+sub.popupElement {
+	font-size: smaller;
 }
 /* end reset */
 
 .popupElement {
   font-family: 'Source Sans Pro', sans-serif;
+
+  color: black;
 }
 
 h1.popupElement {
diff --git a/popup.html b/popup.html
index 931ffd2d..acdd455c 100644
--- a/popup.html
+++ b/popup.html
@@ -130,7 +130,7 @@
                 <button id="hideVideoPlayerControls" class="warningButton popupElement">Hide Buttons On YouTube Player</button>
                 <button id="showVideoPlayerControls" style="display: none" class="warningButton popupElement">Show Buttons On YouTube Player</button>
                 <br/>
-                <sub>
+                <sub class="popupElement">
                   This hides the buttons that appear on the YouTube player to submit sponsors. I can see this being annoying for some 
                   people. Instead of using the button there, this popup can be used to submit sponsors. To hide the notice that appears, 
                   use the button that appears on the notice saying "Don't show this again". You can always enable these settings again 
@@ -143,7 +143,7 @@
                 <button id="hideInfoButtonPlayerControls" class="warningButton popupElement">Hide Info Button On YouTube Player</button>
                 <button id="showInfoButtonPlayerControls" style="display: none" class="warningButton popupElement">Show Info Button On YouTube Player</button>
                 <br/>
-                <sub>
+                <sub class="popupElement">
                   This is the button that opens up a popup in the YouTube page.
                 </sub>
 
@@ -153,7 +153,7 @@
                 <button id="hideDeleteButtonPlayerControls" class="warningButton popupElement">Hide Delete Button On YouTube Player</button>
                 <button id="showDeleteButtonPlayerControls" style="display: none" class="warningButton popupElement">Show Delete Button On YouTube Player</button>
                 <br/>
-                <sub>
+                <sub class="popupElement">
                   This is the button that allows you to clear all sponsors on the YouTube player.
                 </sub>
 
@@ -163,7 +163,7 @@
                 <button id="disableSponsorViewTracking" class="warningButton popupElement">Disable Sponsor View Tracking</button>
                 <button id="enableSponsorViewTracking" style="display: none" class="warningButton popupElement">Enable Sponsor View Tracking</button>
                 <br/>
-                <sub>
+                <sub class="popupElement">
                   This feature tracks which sponsors you have skipped to let users know how much their submission has helped others and
                   used as a metric along with upvotes to ensure that spam doesn't get into the database. The extension sends a message
                   to the server each time you skip a sponsor. Hopefully most people don't change this setting so that the view numbers