diff --git a/src/web/public/app.js b/src/web/public/app.js index 372c2e2e..4fa0900b 100644 --- a/src/web/public/app.js +++ b/src/web/public/app.js @@ -2168,10 +2168,10 @@ class ClaudemanApp { // Handle collapsed/expanded state if (this.innerStatePanelCollapsed) { panel.classList.add('collapsed'); - if (toggle) toggle.innerHTML = '◀'; // Left arrow when collapsed + if (toggle) toggle.innerHTML = '▼'; // Down arrow when collapsed (click to expand) } else { panel.classList.remove('collapsed'); - if (toggle) toggle.innerHTML = '▲'; // Up arrow when expanded + if (toggle) toggle.innerHTML = '▲'; // Up arrow when expanded (click to collapse) // Update expanded view content this.updateRalphExpandedView(state); diff --git a/src/web/public/index.html b/src/web/public/index.html index 961cba9a..93c82e79 100644 --- a/src/web/public/index.html +++ b/src/web/public/index.html @@ -95,7 +95,7 @@ ⏱0m ✓0/0 - ◀ + ▼
diff --git a/src/web/public/styles.css b/src/web/public/styles.css index f168b04d..2d8197a3 100644 --- a/src/web/public/styles.css +++ b/src/web/public/styles.css @@ -592,14 +592,9 @@ body { .ralph-toggle { color: var(--text-dim); font-size: 0.6rem; - transition: transform 0.2s; flex-shrink: 0; } -.ralph-panel:not(.collapsed) .ralph-toggle { - transform: rotate(90deg); -} - /* Hide detail when collapsed */ .ralph-panel.collapsed .ralph-detail { display: none;