UI-tests und fixes aus tests

public/js/test/runner.js

@@ -233,9 +233,9 @@ function createPanel() {
     if (panel) { panel.remove(); panel = null; }
     panel = document.createElement('div');
     panel.id = 'test-panel';
-    panel.style.cssText = 'position:fixed;inset:0;z-index:9999;background:rgba(2,6,23,0.95);display:flex;flex-direction:column;font-family:monospace;color:#cbd5e1;overflow:hidden;';
+    panel.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(2,6,23,0.95);font-family:monospace;color:#cbd5e1;';
     panel.innerHTML = `
-        <div style="padding:12px 16px;border-bottom:1px solid #334155;display:flex;align-items:center;gap:12px;flex-shrink:0;">
+        <div id="test-header" style="position:absolute;top:0;left:0;right:0;height:44px;padding:8px 16px;border-bottom:1px solid #334155;display:flex;align-items:center;gap:12px;">
             <span style="font-weight:bold;color:#38bdf8;">hyprcrd test runner</span>
             <button id="test-run-btn" style="padding:4px 12px;background:#38bdf8;color:#0f172a;border:none;border-radius:3px;cursor:pointer;font-family:inherit;font-size:12px;">run all</button>
             <button id="test-copy-btn" style="padding:4px 12px;background:#334155;color:#94a3b8;border:none;border-radius:3px;cursor:pointer;font-family:inherit;font-size:12px;">copy</button>
@@ -243,7 +243,7 @@ function createPanel() {
             <span style="flex:1"></span>
             <button id="test-close-btn" style="background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;">✕</button>
         </div>
-        <div id="test-output" style="flex:1;overflow-y:scroll;padding:12px 16px;font-size:12px;line-height:1.8;"></div>
+        <div id="test-output" style="position:absolute;top:44px;left:0;right:0;bottom:0;overflow-y:auto;padding:12px 16px;font-size:12px;line-height:1.8;"></div>
     `;
     document.body.appendChild(panel);
     panel.querySelector('#test-close-btn').addEventListener('click', close);