diff --git a/luci-app-secubox/htdocs/luci-static/resources/view/secubox/settings.js b/luci-app-secubox/htdocs/luci-static/resources/view/secubox/settings.js index 32720f15..94a91f81 100644 --- a/luci-app-secubox/htdocs/luci-static/resources/view/secubox/settings.js +++ b/luci-app-secubox/htdocs/luci-static/resources/view/secubox/settings.js @@ -434,6 +434,16 @@ return view.extend({ var formWrapper = E('div', { 'class': 'secubox-settings-form' }, formElement); container.appendChild(formWrapper); this.bindStatusChip(formElement, statusChip); + + // Add cyber-checkbox class to all checkboxes for proper styling + var checkboxes = formWrapper.querySelectorAll('input[type="checkbox"]'); + checkboxes.forEach(function(checkbox) { + var wrapper = checkbox.parentNode; + if (wrapper && wrapper.classList) { + wrapper.classList.add('cyber-checkbox'); + } + }); + return container; }, this)); },