diff --git a/extension/popup.html b/extension/popup.html
index 0f825d3..47c910b 100644
--- a/extension/popup.html
+++ b/extension/popup.html
@@ -35,7 +35,6 @@
text-transform: uppercase;
display: flex;
align-items: center;
- justify-content: center;
gap: 8px;
}
@@ -46,6 +45,27 @@
border-radius: 4px;
}
+ .popup-version {
+ margin-left: auto;
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ font-size: 10px;
+ color: var(--text-muted);
+ text-decoration: none;
+ opacity: 0.5;
+ transition: opacity 0.2s, color 0.2s;
+ }
+ .popup-version:hover {
+ opacity: 1;
+ color: var(--accent);
+ }
+ .popup-version svg {
+ width: 12px;
+ height: 12px;
+ display: block;
+ }
+
/* Tabs */
.tabs {
display: flex;
@@ -288,7 +308,16 @@
- 
KoalaSync
+
+
+ KoalaSync
+
+
diff --git a/extension/popup.js b/extension/popup.js
index 4df4ef0..8f6505f 100644
--- a/extension/popup.js
+++ b/extension/popup.js
@@ -105,10 +105,11 @@ async function init() {
if (elements.autoCopyInvite) elements.autoCopyInvite.checked = data.autoCopyInvite !== false;
// Set Version Info
+ const versionTxt = `v${chrome.runtime.getManifest().version}`;
const versionEl = document.getElementById('appVersion');
- if (versionEl) {
- versionEl.textContent = `v${chrome.runtime.getManifest().version}`;
- }
+ if (versionEl) versionEl.textContent = versionTxt;
+ const popupVerEl = document.getElementById('popupVersion');
+ if (popupVerEl) popupVerEl.textContent = versionTxt;
if (data.useCustomServer) {
setServerMode(true);