From e598fdf1e69e1c14745a232a68a324c03b2f0b59 Mon Sep 17 00:00:00 2001
From: Local Dev <dev@localhost>
Date: Mon, 5 Oct 2026 20:14:16 +0200
Subject: [PATCH] Theseus Settings: the menu runs full height again

The Apps list styled its rows with .app, the class the Settings page itself
uses for its layout. The later rule won on the page too: align-items:center
pulled the left menu into a short box in the middle of the window, with a
border, padding and rounded corners it never had. The rows are .webapp now.
---
 settings.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/settings.html b/settings.html
index 58249a04..03b682ad 100644
--- a/settings.html
+++ b/settings.html
@@ -117,12 +117,12 @@
   .ariadne-sources input[type=checkbox]{accent-color:var(--acid);width:18px;height:18px;cursor:pointer}
   .pmuted{color:var(--mut)}
   /* Settings › Apps */
-  .app{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:8px}
-  .app img,.app .ph{width:32px;height:32px;border-radius:7px;flex:none;display:grid;place-items:center;font-size:20px}
-  .app .nm{flex:1;min-width:0} .app .nm b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-  .app .nm span{color:var(--mut);font-size:12.5px}
-  .app .btn.rm{background:transparent;color:#f6768a;border-color:rgba(246,118,138,.4)}
-  .app .btn.rm:hover{background:rgba(246,118,138,.12)}
+  .webapp{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:8px}
+  .webapp img,.webapp .ph{width:32px;height:32px;border-radius:7px;flex:none;display:grid;place-items:center;font-size:20px}
+  .webapp .nm{flex:1;min-width:0} .webapp .nm b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+  .webapp .nm span{color:var(--mut);font-size:12.5px}
+  .webapp .btn.rm{background:transparent;color:#f6768a;border-color:rgba(246,118,138,.4)}
+  .webapp .btn.rm:hover{background:rgba(246,118,138,.12)}
   .ceng{display:flex;align-items:center;gap:8px;background:#10151f;border:1px solid var(--line);border-radius:8px;padding:6px 10px;margin-bottom:6px;font-size:13px}
   .ceng .cs{font-size:14px;flex:none}
   /* engine checklist */
@@ -2624,7 +2624,7 @@
       emptyEl.hidden = apps.length > 0;
       listEl.innerHTML = apps.map((a) => {
         let when = ""; try { if (a.installedAt) when = new Date(a.installedAt).toLocaleDateString(); } catch {}
-        return `<div class="app" data-key="${escA(a.key)}">` +
+        return `<div class="webapp" data-key="${escA(a.key)}">` +
           (a.icon ? `<img src="${escA(a.icon)}" alt="">` : `<span class="ph">🧩</span>`) +
           `<div class="nm"><b>${escA(a.name)}</b><span>${escA(a.host)}${when ? " · installed " + escA(when) : ""}${a.open ? " · open now" : ""}</span></div>` +
           `<button class="btn" data-act="open">Open</button>` +
@@ -2634,7 +2634,7 @@
     }
     listEl.addEventListener("click", async (e) => {
       const b = e.target.closest("button[data-act]"); if (!b) return;
-      const key = b.closest(".app").dataset.key;
+      const key = b.closest(".webapp").dataset.key;
       if (b.dataset.act === "open") { await A.webappOpen(key); renderApps(); }
       else if (b.dataset.act === "sidebar") {
         const app = ((await A.webapps()) || []).find((x) => x.key === key);