From d937a2ae593c8ff08120e6cfbb576d83d390f9dd Mon Sep 17 00:00:00 2001
From: Alec Rust <me@alecrust.com>
Date: Sat, 19 Mar 2022 12:13:04 +0000
Subject: [PATCH] Remove unnecessary flexbox usage

---
 public/popup.css  | 7 +++++--
 public/popup.html | 2 +-
 src/popup.ts      | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/public/popup.css b/public/popup.css
index 737fa33a..0dbb9dff 100644
--- a/public/popup.css
+++ b/public/popup.css
@@ -312,8 +312,11 @@
  */
 
 #mainControls {
-  flex-flow: column;
-  align-items: center;
+  margin-bottom: 12px;
+}
+
+.sponsorStartHint {
+  display: block;
   margin-bottom: 12px;
 }
 
diff --git a/public/popup.html b/public/popup.html
index e50071db..b1a241c4 100644
--- a/public/popup.html
+++ b/public/popup.html
@@ -68,7 +68,7 @@
         <p class="sbHeader">
           __MSG_recordTimesDescription__
         </p>
-        <sub style="margin-bottom: 12px;">__MSG_popupHint__</sub>
+        <sub class="sponsorStartHint">__MSG_popupHint__</sub>
         <div>
           <button id="sponsorStart" class="sbMediumButton">__MSG_sponsorStart__</button>
         </div>
diff --git a/src/popup.ts b/src/popup.ts
index 3df1eade..c778c5f9 100644
--- a/src/popup.ts
+++ b/src/popup.ts
@@ -304,7 +304,7 @@ async function runThePopup(messageListener?: MessageListener): Promise<void> {
         //if request is undefined, then the page currently being browsed is not YouTube
         if (request != undefined) {
             //remove loading text
-            PageElements.mainControls.style.display = "flex";
+            PageElements.mainControls.style.display = "block";
             if (request.onMobileYouTube) PageElements.mainControls.classList.add("hidden");
             PageElements.whitelistButton.classList.remove("hidden");
             PageElements.loadingIndicator.style.display = "none";