From: Eric Fahlgren <redacted>
Date: Wed, 21 Jan 2026 18:34:18 +0000 (-0800)
Subject: luci-mod-status: improve hide/show button placement and size
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=d43fee9733b1afb6f5e93943c49111cee9a6d9a0;p=openwrt-luci.git

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 <redacted>
---

diff --git a/modules/luci-mod-status/htdocs/luci-static/resources/view/status/index.js b/modules/luci-mod-status/htdocs/luci-static/resources/view/status/index.js
index 0505d126f4..75f5ccb407 100644
--- a/modules/luci-mod-status/htdocs/luci-static/resources/view/status/index.js
+++ b/modules/luci-mod-status/htdocs/luci-static/resources/view/status/index.js
@@ -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',