From 08d2b22c14eb1e20b89cae708e9c02d218f4bfd4 Mon Sep 17 00:00:00 2001
From: VAIO73 <50487331+Vaso73@users.noreply.github.com>
Date: Wed, 21 Oct 2026 03:13:37 +0000
Subject: [PATCH] fix: keep source viewer backdrop aligned with viewport

---
 AppImage/components/settings.tsx   | 2 +-
 tests/test_optimization_source.cjs | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/AppImage/components/settings.tsx b/AppImage/components/settings.tsx
index 8b3ffd5d..c15a5059 100644
--- a/AppImage/components/settings.tsx
+++ b/AppImage/components/settings.tsx
@@ -2175,7 +2175,7 @@ export function Settings() {
 
       {/* Code Viewer Modal */}
       {codeModal.open && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center p-4" onClick={closeCodeModal}>
+        <div className="fixed inset-0 z-50 flex items-center justify-center p-4" style={{ margin: 0 }} onClick={closeCodeModal}>
           <div className="absolute inset-0 bg-black/60 backdrop-blur-sm" />
           <div
             className="relative bg-card border border-border rounded-xl shadow-2xl w-full max-w-4xl max-h-[85vh] flex flex-col"
diff --git a/tests/test_optimization_source.cjs b/tests/test_optimization_source.cjs
index f050125d..5c0b1928 100644
--- a/tests/test_optimization_source.cjs
+++ b/tests/test_optimization_source.cjs
@@ -77,6 +77,8 @@ async function main(){
   f.setReply(()=>({http:500,body:{success:false,error:'PermissionError /opt/demo <unsafe>&'}}));await f.tool('one').props.onClick();f.render();assert.ok(text(f.dialog()).includes('PermissionError /opt/demo <unsafe>&'))
   f.language('sk');assert.ok(text(f.dialog()).includes(translate('sk')('settings.optimizations.sourceLoadFailed')))
   f.setReply(()=>sourceBody);await f.tool('one').props.onClick();f.render();
+  const backdrop=flatten(f.tree()).find(node=>node.props?.className?.startsWith('fixed inset-0')&&flatten(node).some(child=>child.props?.role==='dialog'))
+  assert.equal(backdrop.props.style.margin,0,'parent space-y must not offset the fixed backdrop')
   const pre=flatten(f.dialog()).find(node=>node.type==='pre');assert.ok(pre.props.dangerouslySetInnerHTML.__html.includes('&lt;'));assert.ok(!pre.props.dangerouslySetInnerHTML.__html.includes('<tag>'))
   const copy=flatten(f.dialog()).find(node=>node.props?.title===f.t('actions.copyToClipboard'));await copy.props.onClick();f.render();assert.equal(f.copies.at(-1),sourceBody.source)
   f.win.isSecureContext=false;await copy.props.onClick();assert.equal(f.fallbackCopies(),1)