fix: themecreator relocating UI

src/seqta/ui/ThemeCreator.ts

@@ -3,14 +3,21 @@ import popup from '../../interface/index.html?url'
 
 /**
  * Open the Theme Creator sidebar, it is an embedded page loaded similar to the extension popup
+ * @returns void
  */
 export function OpenThemeCreator() {
-    const container = document.querySelector('#container')
+    const width = '300px'
+
     const themeCreatorIframe: HTMLIFrameElement = document.createElement('iframe')
     themeCreatorIframe.src = `${browser.runtime.getURL(popup)}#themeCreator`
     themeCreatorIframe.id = 'themeCreatorIframe'
     themeCreatorIframe.setAttribute('allowTransparency', 'true')
     themeCreatorIframe.setAttribute('excludeDarkCheck', 'true')
+    themeCreatorIframe.style.width = width
     themeCreatorIframe.style.border = 'none'
-    container!.appendChild(themeCreatorIframe)
+    
+    const mainContent = document.querySelector('#container') as HTMLDivElement
+    if (mainContent) mainContent.style.width = `calc(100% - ${width})`
+
+    document.body.appendChild(themeCreatorIframe)
 }

src/seqta/utils/listeners/MessageListener.ts

@@ -13,6 +13,7 @@ export class MessageHandler {
 
     case 'EditSidebar':
       this.editSidebar();
+      closeSettings();
       sendResponse({ status: 'success' });
       break;
 
@@ -45,9 +46,13 @@ export class MessageHandler {
       return true;
     case 'OpenChangelog':
       OpenWhatsNewPopup();
+      closeSettings();
+      sendResponse({ status: 'success' });
       break;
     case 'OpenThemeCreator':
       OpenThemeCreator();
+      closeSettings();
+      sendResponse({ status: 'success' });
       break;
     
     default: