From 8ba35a34ba3998b39b8cd73f7960bcde5ed16d48 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Tue, 24 Mar 2026 23:55:44 +0100
Subject: [PATCH] summary btn position fixed

---
 js/mzta-compose-script.js | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/js/mzta-compose-script.js b/js/mzta-compose-script.js
index 70a2a707..cb8135c5 100644
--- a/js/mzta-compose-script.js
+++ b/js/mzta-compose-script.js
@@ -819,6 +819,8 @@ switch (message.command) {
     const generatingBanner = document.getElementById('mzta-summary-generating');
     if(generatingBanner) generatingBanner.remove();
     
+    const existingTriggerWrapper = document.getElementById('mzta-summary-trigger-wrapper');
+    if(existingTriggerWrapper) existingTriggerWrapper.remove();
     const existingTriggerBtn = document.getElementById('mzta-summary-trigger');
     if(existingTriggerBtn) existingTriggerBtn.remove();
 
@@ -914,6 +916,8 @@ switch (message.command) {
     const existingSummary = document.getElementById('mzta-summary-banner');
     if(existingSummary) existingSummary.remove();
 
+    const existingTriggerWrap = document.getElementById('mzta-summary-trigger-wrapper');
+    if(existingTriggerWrap) existingTriggerWrap.remove();
     const existingTrigger = document.getElementById('mzta-summary-trigger');
     if(existingTrigger) existingTrigger.remove();
 
@@ -964,10 +968,11 @@ switch (message.command) {
     const triggerBtn = document.createElement('div');
     triggerBtn.id = 'mzta-summary-trigger';
     triggerBtn.title = browser.i18n.getMessage("summarize_click_to_generate");
+    const triggerBtnBase = `background-color: ${bgColorBtn}; border: 1px solid ${borderColorBtn}; border-radius: 4px; padding: 6px 10px; cursor: pointer; font-family: system-ui, -apple-system, sans-serif; font-size: 12px; font-style: italic; opacity: 0.7; transition: opacity 0.2s; color: ${textColorBtn}; display: inline-flex; align-items: center; gap: 6px; width: fit-content;`;
     if (spamBannerTrigger) {
-        triggerBtn.style.cssText = `background-color: ${bgColorBtn}; border: 1px solid ${borderColorBtn}; border-radius: 4px; padding: 6px 10px; cursor: pointer; font-family: system-ui, -apple-system, sans-serif; font-size: 12px; font-style: italic; opacity: 0.7; transition: opacity 0.2s; color: ${textColorBtn}; display: flex; align-items: center; gap: 6px; justify-content: flex-end;`;
+        triggerBtn.style.cssText = triggerBtnBase + ' margin-left: auto; margin-top: 4px;';
     } else {
-        triggerBtn.style.cssText = `position: fixed; top: 8px; right: 8px; z-index: 9998; background-color: ${bgColorBtn}; border: 1px solid ${borderColorBtn}; border-radius: 4px; padding: 6px 10px; cursor: pointer; font-family: system-ui, -apple-system, sans-serif; font-size: 12px; font-style: italic; opacity: 0.7; transition: opacity 0.2s; color: ${textColorBtn}; display: flex; align-items: center; gap: 6px;`;
+        triggerBtn.style.cssText = triggerBtnBase + ' position: fixed; top: 8px; right: 8px; z-index: 9998;';
     }
 
     const triggerIcon = document.createElement('img');
@@ -986,14 +991,23 @@ switch (message.command) {
         triggerBtn.style.opacity = '0.7';
         triggerBtn.onmouseover = null;
         triggerBtn.onmouseout = null;
-        triggerBtn.remove();
+        const wrapper = document.getElementById('mzta-summary-trigger-wrapper');
+        if (wrapper) wrapper.remove(); else triggerBtn.remove();
         browser.runtime.sendMessage({
             command: message.webchat ? "triggerSummaryWebchat" : "triggerSummaryGeneration",
             headerMessageId: message.headerMessageId
         });
     };
 
-    document.body.appendChild(triggerBtn);
+    if (spamBannerTrigger) {
+        const triggerWrapper = document.createElement('div');
+        triggerWrapper.id = 'mzta-summary-trigger-wrapper';
+        triggerWrapper.style.cssText = 'display: flex; justify-content: flex-end; padding: 4px 0.5rem;';
+        triggerWrapper.appendChild(triggerBtn);
+        document.body.insertBefore(triggerWrapper, spamBannerTrigger.nextSibling);
+    } else {
+        document.body.appendChild(triggerBtn);
+    }
     return Promise.resolve(true);
 
   default: