diff --git a/public/src/uncloseai-embed-modal.js b/public/src/uncloseai-embed-modal.js index 3e3f523..feb7f83 100644 --- a/public/src/uncloseai-embed-modal.js +++ b/public/src/uncloseai-embed-modal.js @@ -870,6 +870,7 @@ async function openUncloseaiEmbeddedModalNew() { const actionsGrid = document.createElement("div"); actionsGrid.className = "uncloseai-grid-actions"; + actionsGrid.style.cssText = 'display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%;'; const actions = [ { @@ -945,7 +946,7 @@ async function openUncloseaiEmbeddedModalNew() { // Quick actions span both columns actionsSection.className = "uncloseai-section uncloseai-actions-full-width"; - actionsSection.style.gridColumn = '1 / -1'; + actionsSection.style.cssText = 'grid-column: 1 / -1; width: 100%;'; // Wrap settings in settingsContent container (shown/hidden based on vault state) settingsContent.appendChild(actionsSection); @@ -957,13 +958,9 @@ async function openUncloseaiEmbeddedModalNew() { settingsContent.style.alignContent = 'start'; // NOTE: display is set by buildVaultUI() - do not set here - // Columns should align content to top - leftColumn.style.display = 'grid'; - leftColumn.style.gap = '8px'; - leftColumn.style.alignContent = 'start'; - rightColumn.style.display = 'grid'; - rightColumn.style.gap = '8px'; - rightColumn.style.alignContent = 'start'; + // Columns should align content to top and use full width + leftColumn.style.cssText = 'display: grid; gap: 8px; align-content: start; width: 100%;'; + rightColumn.style.cssText = 'display: grid; gap: 8px; align-content: start; width: 100%;'; // Add vault section first, then settings content settingsPanel.appendChild(vaultSection);