diff --git a/src/pages/shopify-app-stack-kill-or-keep-auditor.astro b/src/pages/shopify-app-stack-kill-or-keep-auditor.astro
index 5f84690..65aa5ef 100644
--- a/src/pages/shopify-app-stack-kill-or-keep-auditor.astro
+++ b/src/pages/shopify-app-stack-kill-or-keep-auditor.astro
@@ -389,18 +389,45 @@ const tocHeadings = [
document.getElementById('app-free').textContent = '£' + freeTotal.toLocaleString() + '/mo';
document.getElementById('app-annual').textContent = '£' + (freeTotal * 12).toLocaleString() + '/yr';
- let killHTML = '';
+ const killListContainer = document.getElementById('app-kill-list');
+ killListContainer.textContent = '';
+
if (killItems.length) {
- killHTML = '
YOUR_KILL_LIST
';
+ const header = document.createElement('div');
+ header.setAttribute('style', 'font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#6b7671;margin-bottom:12px;');
+ header.textContent = 'YOUR_KILL_LIST';
+ killListContainer.appendChild(header);
+
killItems.forEach(item => {
- killHTML += '';
- killHTML += '
' + item.name.split('(')[0].trim() + '
';
- killHTML += '
Replace with: ' + item.replace + '
';
- if (item.link) killHTML += '
SET UP FREE →';
- killHTML += '
';
+ const itemContainer = document.createElement('div');
+ itemContainer.setAttribute('style', 'display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid rgba(52,211,119,.2);background:rgba(52,211,119,.04);margin-bottom:6px;gap:12px;');
+
+ const textWrapper = document.createElement('div');
+
+ const titleDiv = document.createElement('div');
+ titleDiv.setAttribute('style', 'font-size:11px;font-weight:700;color:#fff;');
+ titleDiv.textContent = item.name.split('(')[0].trim();
+
+ const replaceDiv = document.createElement('div');
+ replaceDiv.setAttribute('style', 'font-size:10px;color:#6b7671;');
+ replaceDiv.textContent = 'Replace with: ' + item.replace;
+
+ textWrapper.appendChild(titleDiv);
+ textWrapper.appendChild(replaceDiv);
+ itemContainer.appendChild(textWrapper);
+
+ if (item.link) {
+ const linkEl = document.createElement('a');
+ linkEl.setAttribute('href', item.link);
+ linkEl.setAttribute('style', 'font-size:10px;font-weight:700;letter-spacing:.08em;color:#34d377;text-decoration:none;white-space:nowrap;border:1px solid rgba(52,211,119,.3);padding:6px 12px;');
+ linkEl.textContent = 'SET UP FREE →';
+ itemContainer.appendChild(linkEl);
+ }
+
+ killListContainer.appendChild(itemContainer);
});
}
- document.getElementById('app-kill-list').innerHTML = killHTML;
+
document.getElementById('app-result').classList.add('show');
}