diff --git a/src/app.css b/src/app.css index 519fad0..ede87c5 100644 --- a/src/app.css +++ b/src/app.css @@ -600,6 +600,10 @@ body { overflow: hidden; } +.config-card-content.open > div { + overflow: visible; +} + /* Toggle switches */ .toggle-group { display: flex; @@ -764,6 +768,15 @@ body { user-select: none; } +/* Expand touch target for mobile devices */ +@media (pointer: coarse) { + .tooltip-trigger::before { + content: ''; + position: absolute; + inset: -12px; + } +} + .tooltip-content { position: absolute; bottom: 140%; diff --git a/src/core/audio.js b/src/core/audio.js index 984ae67..cd68588 100644 --- a/src/core/audio.js +++ b/src/core/audio.js @@ -17,8 +17,14 @@ export function playInstallAudio() { const audio = getInstallAudio(); if (audio) { audio.currentTime = 0; - audio.play(); - soundEnabled.set(true); + audio.load(); + audio.play() + .then(() => { + soundEnabled.set(true); + }) + .catch(() => { + soundEnabled.set(false); + }); } }