fix: 2-line layout for sleep timer custom row (label above, input+OK below)

Picker is only ~90px wide; single-line label+input+OK was too cramped.
Now stacks vertically so input gets full row width minus the OK button.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HoneyandClaude Sonnet 4.6 committed 2026-05-14 19:30:45 +02:00
1 parent ee6df1e1fe
commit 6fcf3179be
2 files changed
+8 -5

No files matched your search

+4 -2
View File
@@ -721,8 +721,10 @@
<button onclick="absSleepIn(60)">60 Min</button>
<div class="abs-sleep-custom-row">
<span class="abs-sleep-custom-label">Eigene Zeit</span>
<input id="abs-sleep-custom-input" type="number" min="1" max="999" placeholder="Min" onkeydown="if(event.key==='Enter'){var v=parseInt(this.value);if(v>0)absSleepIn(v);}">
<button class="abs-sleep-custom-ok" onclick="var v=parseInt(document.getElementById('abs-sleep-custom-input').value);if(v>0)absSleepIn(v);">OK</button>
<div class="abs-sleep-custom-controls">
<input id="abs-sleep-custom-input" type="number" min="1" max="999" placeholder="Min" onkeydown="if(event.key==='Enter'){var v=parseInt(this.value);if(v>0)absSleepIn(v);}">
<button class="abs-sleep-custom-ok" onclick="var v=parseInt(document.getElementById('abs-sleep-custom-input').value);if(v>0)absSleepIn(v);">OK</button>
</div>
</div>
</div>
</div>