From 9f83832f7d468e7cae01e5c5b1eab632d541c0dd Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 10 Aug 2026 21:38:32 +0000
Subject: [PATCH] Fix banners overlapping sidebar by adding margin-left
 matching sidebar width

Co-authored-by: ChrisChrome <28414320+ChrisChrome@users.noreply.github.com>
---
 frontend/js/app.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/js/app.js b/frontend/js/app.js
index 4d0eb89..8b3223a 100644
--- a/frontend/js/app.js
+++ b/frontend/js/app.js
@@ -613,7 +613,7 @@ function updateVerifyBanner(user) {
   if (!appEl || !appEl.parentNode) return;
   const b = document.createElement('div');
   b.id = 'verifyBanner';
-  b.style.cssText = 'background:var(--warning,#f59e0b);color:#1a1200;padding:9px 16px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap';
+  b.style.cssText = 'background:var(--warning,#f59e0b);color:#1a1200;padding:9px 16px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-left:var(--sidebar-width,220px)';
   b.innerHTML = `<span>✉️ ${t('auth.verify_banner')}</span>`;
   const btn = document.createElement('button');
   btn.className = 'btn btn-sm';
@@ -636,7 +636,7 @@ function updateWidgetSandboxWarningBanner(user) {
   if (!appEl || !appEl.parentNode) return;
   const b = document.createElement('div');
   b.id = 'widgetSandboxWarningBanner';
-  b.style.cssText = 'background:var(--danger,#dc2626);color:#fff;padding:10px 16px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-weight:600';
+  b.style.cssText = 'background:var(--danger,#dc2626);color:#fff;padding:10px 16px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-weight:600;margin-left:var(--sidebar-width,220px)';
   const text = document.createElement('span');
   text.style.whiteSpace = 'pre-line';
   text.textContent = 'Widget sandbox isolation is DISABLED. Widget code in this organization runs\nwith full access to user sessions. Re-enable in Settings > Security.';