diff --git a/Auto-Image.js b/Auto-Image.js index 63493f3..2f22e98 100644 --- a/Auto-Image.js +++ b/Auto-Image.js @@ -4443,6 +4443,9 @@ document.body.appendChild(statsContainer) document.body.appendChild(settingsContainer) + // Show the main container after all elements are appended + container.style.display = "block" + const uploadBtn = container.querySelector("#uploadBtn") const resizeBtn = container.querySelector("#resizeBtn") const selectPosBtn = container.querySelector("#selectPosBtn") @@ -4609,9 +4612,9 @@ } } if (statsContainer && statsBtn) { - statsContainer.style.display = "block"; - statsBtn.innerHTML = ''; - statsBtn.title = "Hide Stats"; + // Stats container starts hidden - user clicks button to show + statsBtn.innerHTML = ''; + statsBtn.title = "Show Stats"; } const settingsBtn = container.querySelector("#settingsBtn") diff --git a/auto-image-complete-styles.css b/auto-image-complete-styles.css index 469a74b..39ede51 100644 --- a/auto-image-complete-styles.css +++ b/auto-image-complete-styles.css @@ -8,6 +8,7 @@ left: 20px !important; z-index: 10000 !important; max-width: 400px !important; + display: none !important; } /* Stats Container Positioning */ @@ -17,6 +18,7 @@ right: 20px !important; z-index: 10001 !important; max-width: 350px !important; + display: none !important; } /* Resize Dialog Containers */ @@ -28,6 +30,7 @@ z-index: 100000 !important; max-width: 90vw !important; max-height: 90vh !important; + display: none !important; } .resize-overlay {