From bbd5b4f146dc497f3bf0df4cc4492ffbe063ac37 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Wed, 10 Sep 2025 16:52:15 +0800
Subject: fix: checkboxes being in the same line

---
 assets/js/settings.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'assets/js')

diff --git a/assets/js/settings.js b/assets/js/settings.js
index 5a90c2de..d69d2a34 100644
--- a/assets/js/settings.js
+++ b/assets/js/settings.js
@@ -88,6 +88,12 @@
           label.htmlFor = element.id;
           label.textContent = checkboxOption.label;
 
+          // wrap checkbox and label in a div
+          const wrapper = document.createElement('div');
+          wrapper.classList.add('flex', 'items-center', 'mb-2', 'gap-2');
+          wrapper.appendChild(element);
+          wrapper.appendChild(label);
+
           // add event listener to checkbox
           element.addEventListener('change', () => {
             localStorage.setItem(checkboxOption.storage, element.checked);
@@ -95,8 +101,7 @@
 
           // append checkbox and label to container
           const container = document.getElementById('checkbox-options');
-          container.appendChild(element);
-          container.appendChild(label);
+          container.appendChild(wrapper);
         });
       }
       initCheckboxes();
-- 
cgit v1.2.3