From 8bcfee341cfd9b4b2ade58477eae3d301cf57046 Mon Sep 17 00:00:00 2001
From: adrianbonpin <adrianbonpin@users.noreply.github.com>
Date: Tue, 18 Aug 2026 19:34:31 +0800
Subject: [PATCH] style: place Download PDF button inline with total units,
 left-aligned

---
 content.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/content.js b/content.js
index d3429bf..3ad8f0f 100644
--- a/content.js
+++ b/content.js
@@ -181,14 +181,23 @@
     if (document.getElementById(BTN_ID)) return;
     const unitsP = findTotalUnitsP();
     if (!unitsP) return;
+
+    const wrapper = document.createElement('div');
+    wrapper.style.display = 'flex';
+    wrapper.style.alignItems = 'center';
+    wrapper.style.justifyContent = 'space-between';
+    wrapper.style.margin = '10px 0';
+
     const btn = document.createElement('button');
     btn.id = BTN_ID;
     btn.type = 'button';
-    btn.className = 'btn green pull-right';
-    btn.style.margin = '10px 0';
+    btn.className = 'btn green';
     btn.innerHTML = '<i class="fa fa-download"></i> Download PDF';
     btn.addEventListener('click', onDownloadPdf);
-    unitsP.insertAdjacentElement('afterend', btn);
+
+    unitsP.parentNode.insertBefore(wrapper, unitsP);
+    wrapper.appendChild(btn);
+    wrapper.appendChild(unitsP);
   }
 
   function tryInjectButton() {