diff --git a/src/web/public/app.js b/src/web/public/app.js index fbd0049c..36a90465 100644 --- a/src/web/public/app.js +++ b/src/web/public/app.js @@ -1797,7 +1797,7 @@ class ClaudemanApp { panel.style.width = ''; panel.style.height = ''; if (detachBtn) { - detachBtn.innerHTML = '↗'; // Detach icon + detachBtn.innerHTML = '⧉'; // Detach icon (two overlapping squares) detachBtn.title = 'Detach panel'; } } else { @@ -1805,7 +1805,7 @@ class ClaudemanApp { panel.classList.add('detached'); panel.classList.add('open'); // Ensure it's visible if (detachBtn) { - detachBtn.innerHTML = '↙'; // Attach icon + detachBtn.innerHTML = '⊞'; // Attach icon (squared plus - dock back) detachBtn.title = 'Attach panel'; } // Setup drag functionality diff --git a/src/web/public/index.html b/src/web/public/index.html index 8b29c5f3..171f1c2b 100644 --- a/src/web/public/index.html +++ b/src/web/public/index.html @@ -240,8 +240,8 @@
- - + +
diff --git a/src/web/public/styles.css b/src/web/public/styles.css index 3dde1af0..b9f722a3 100644 --- a/src/web/public/styles.css +++ b/src/web/public/styles.css @@ -2345,7 +2345,7 @@ kbd { position: fixed; bottom: var(--toolbar-height); right: 0.5rem; - width: 320px; + width: 380px; max-width: calc(100vw - 1rem); max-height: 80vh; background: var(--bg-card);