diff --git a/renderer.js b/renderer.js index 1281f3a..72a5ff0 100644 --- a/renderer.js +++ b/renderer.js @@ -101,28 +101,32 @@ window.addEventListener('DOMContentLoaded', async () => { `; - // play/pause Button korrekt initialisieren - const pausePlayBtn = document.createElement('button'); - pausePlayBtn.className = 'pause-play-btn ml-2 p-1 rounded'; - pausePlayBtn.title = isMonitoring ? 'Monitoring pausieren' : 'Monitoring starten'; - // statt Emoji: SVG-Strings - pausePlayBtn.innerHTML = isMonitoring - ? /* Pause-Icon */ - `` - : /* Play-Icon */ - ``; + // 1) Container für die rechten Buttons + const rightControls = document.createElement('div'); + rightControls.className = 'flex items-center space-x-2'; - pausePlayBtn.addEventListener('click', async e => { - e.stopPropagation(); - await window.electronAPI.setMonitoring(folderObj, !isMonitoring); - await renderSidebar(); - }); - li.appendChild(pausePlayBtn); + // 2) Pause/Play-Button (wie gehabt) + const pausePlayBtn = document.createElement('button'); + pausePlayBtn.className = 'pause-play-btn p-1 rounded'; + pausePlayBtn.title = isMonitoring ? 'Monitoring pausieren' : 'Monitoring starten'; + pausePlayBtn.innerHTML = isMonitoring + ? `` + : ``; + pausePlayBtn.addEventListener('click', async e => { + e.stopPropagation(); + await window.electronAPI.setMonitoring(folderObj, !isMonitoring); + await renderSidebar(); + }); + + // 3) Remove-Button aus dem HTML ziehen + const removeBtn = li.querySelector('.remove-btn'); + removeBtn.classList.add('p-1', 'rounded'); // gleiche button-Grundklassen + + // 4) Beide in den rechten Container packen + rightControls.append(pausePlayBtn, removeBtn); + + // 5) Und den Container ans