From fc1091bd0c7d404d9d9b81b94777507e3e35f833 Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Fri, 10 Apr 2026 23:10:01 +0200
Subject: [PATCH] moved positioning of the translate branding. see #744

---
 js/mzta-compose-script.js | 28 +++++++++++++++++++++++++---
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/js/mzta-compose-script.js b/js/mzta-compose-script.js
index 52e6780c..c46dbf4b 100644
--- a/js/mzta-compose-script.js
+++ b/js/mzta-compose-script.js
@@ -1278,7 +1278,6 @@ switch (message.command) {
 
     translationHeader.appendChild(translationIcon);
     translationHeader.appendChild(translationTitleSpan);
-    translationHeader.appendChild(translationBranding);
     translationHeader.appendChild(translationMenu);
     translationContainer.appendChild(translationHeader);
 
@@ -1343,10 +1342,21 @@ switch (message.command) {
 
             requestAnimationFrame(() => {
                 if (translationText.scrollHeight > translationText.clientHeight) {
-                    translationTextWrapper.appendChild(toggleLink);
+                    const toggleContainer = document.createElement('div');
+                    toggleContainer.style.cssText = 'display: flex; align-items: center; gap: 8px; margin-bottom: -6px; justify-content: space-between;';
+                    toggleContainer.appendChild(toggleLink);
+                    toggleContainer.appendChild(translationBranding);
+                    translationBranding.style.marginRight = '-4px';
+                    translationBranding.style.marginBottom = '-6px';
+                    translationTextWrapper.appendChild(toggleContainer);
                 } else {
                     translationText.style.maxHeight = '';
                     translationText.style.overflow = '';
+                    // No toggle, branding goes directly after text
+                    const brandingContainer = document.createElement('div');
+                    brandingContainer.style.cssText = 'display: flex; justify-content: flex-end; margin-right: -4px; margin-bottom: -6px;';
+                    brandingContainer.appendChild(translationBranding);
+                    translationTextWrapper.appendChild(brandingContainer);
                 }
             });
         } else {
@@ -1382,8 +1392,20 @@ switch (message.command) {
                 }
                 expanded = !expanded;
             });
-            translationTextWrapper.appendChild(toggleLink);
+            const toggleContainer = document.createElement('div');
+            toggleContainer.style.cssText = 'display: flex; align-items: center; gap: 8px; margin-bottom: -6px; justify-content: space-between;';
+            toggleContainer.appendChild(toggleLink);
+            toggleContainer.appendChild(translationBranding);
+            translationBranding.style.marginRight = '-4px';
+            translationBranding.style.marginBottom = '-6px';
+            translationTextWrapper.appendChild(toggleContainer);
         }
+    } else {
+        // No truncation, branding goes directly after text
+        const brandingContainer = document.createElement('div');
+        brandingContainer.style.cssText = 'display: flex; justify-content: flex-end; margin-right: -4px; margin-bottom: -6px;';
+        brandingContainer.appendChild(translationBranding);
+        translationTextWrapper.appendChild(brandingContainer);
     }
 
     translationContainer.appendChild(translationTextWrapper);