fix: update now button not centered (#83)

Kenny1291 · May 21, 2024 · 2a07e25 · 2a07e25
1 parent 13ab192
commit 2a07e25
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/src/popup/popup.css b/src/popup/popup.css
@@ -26,6 +26,10 @@ label {
     margin-bottom: 1rem;
 }
 
+#update-now-container {
+    display: flex;
+}
+
 button {
     font-size: 13px !important;
     width: 50% !important;

diff --git a/src/popup/popup.html b/src/popup/popup.html
@@ -14,7 +14,7 @@ <h2>Cleaner Twitter</h2>
                 <label for="rules-auto-updates">Auto update rules</label>
                 <input id="rules-auto-updates" type="checkbox" role="switch" />
             </div>
-            <div>
+            <div id="update-now-container">
                 <button class="secondary outline" id="update-now">Update now</button>
             </div>
         </details>

diff --git a/src/popup/popup.js b/src/popup/popup.js
@@ -77,14 +77,14 @@ autoUpdatesToggle.addEventListener('click', async () => {
 //Auto updates setting <--
 
 //Update now button -->
-const updateNowButton = document.getElementById('update-now')
+const updateNowContainer = document.getElementById('update-now-container')
 let updateNowClicked = false
-updateNowButton.addEventListener('click', async () => {
+updateNowContainer.addEventListener('click', async () => {
     if(updateNowClicked) return
 
     updateNowClicked = true
     const response = await updateDefaultCSSRules(true)
-    updateNowButton.insertAdjacentHTML(
+    updateNowContainer.insertAdjacentHTML(
         'beforebegin', 
         `<div 
             style="