diff --git a/css/style.css b/css/style.css index 4a25a93..35c191a 100644 --- a/css/style.css +++ b/css/style.css @@ -274,7 +274,7 @@ input:focus, select:focus { border-color:var(--accent); } } .fab:hover { transform: scale(1.1); filter: brightness(1.1); } .fab-trash { left: 2rem; right: auto; font-size:1.4rem; } -.fab-trash.active { background:var(--danger); } +.fab-trash.active { background:transparent; box-shadow:none; } /* Generic modal overlay (if you donโ€™t already have it) */ .modal-overlay { diff --git a/js/app.js b/js/app.js index 847a5f4..1111324 100644 --- a/js/app.js +++ b/js/app.js @@ -291,7 +291,7 @@ function toggleTrash() { showTrash = !showTrash; const btn = document.getElementById('trashBtn'); const actions = document.getElementById('trashActions'); - if (btn) { btn.textContent = showTrash ? '๐Ÿ“‹' : '๐Ÿ—‘๏ธ'; btn.classList.toggle('active', showTrash); btn.title = showTrash ? 'Active entries' : 'Trash'; } + if (btn) { btn.classList.toggle('active', showTrash); btn.title = showTrash ? 'Back to entries' : 'Trash'; } if (actions) actions.classList.toggle('hidden', !showTrash); loadEntries(); playSound('click');