luci-mod-status: improve hide/show button placement and size

Align the hide/show buttons with the header of the section that
they control.  Make the buttons as tall as the header line, very
much improving accessibility on mobile.

Signed-off-by: Eric Fahlgren <ericfahlgren@gmail.com>
This commit is contained in:
Eric Fahlgren
2026-01-21 10:34:18 -08:00
committed by Paul Donald
parent b3d44ab16d
commit d43fee9733

View File

@@ -129,10 +129,11 @@ return view.extend({
rv.appendChild(E('div', { 'class': 'cbi-section', 'style': 'display: none' }, [
E('div', { 'class': 'cbi-title' },[
title != '' ? E('h3', title) : '',
E('div', [
E('h3', { 'style': 'display: flex; justify-content: space-between' }, [
title || '-',
E('span', {
'class': includes[i].hide ? 'label notice' : 'label',
'style': 'display: flex; align-items: center; justify-content: center; min-width: 4em',
'data-style': includes[i].hide ? 'active' : 'inactive',
'data-indicator': 'poll-status',
'data-clickable': 'true',