From a69a7a9c012402dac8bdc0eb004fec5705c5262d Mon Sep 17 00:00:00 2001
From: lichenblankie <server@derickphan.com>
Date: Fri, 5 Jun 2026 02:32:33 +0000
Subject: [PATCH] fix checkbox layout: exclude from full-width, flex label

---
 tinyweb_forum/handlers.py | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/tinyweb_forum/handlers.py b/tinyweb_forum/handlers.py
index 5875210..91eca8d 100644
--- a/tinyweb_forum/handlers.py
+++ b/tinyweb_forum/handlers.py
@@ -19,9 +19,11 @@ def esc(s):
 FORUM_CSS = """
 <style>
 .forum-form { max-width: 500px; }
-.forum-form input, .forum-form textarea { width: 100%; box-sizing: border-box; padding: 6px; margin-bottom: 8px; }
+.forum-form input:not([type=checkbox]):not([type=radio]), .forum-form textarea { width: 100%; box-sizing: border-box; padding: 6px; margin-bottom: 8px; }
+.forum-form input[type=checkbox] { width: auto; margin: 0; }
 .forum-form button { padding: 6px 16px; }
-.forum-form label { display: block; margin-bottom: 8px; }
+.forum-form label:not(.checkbox-label) { display: block; margin-bottom: 8px; }
+.forum-form label.checkbox-label { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
 .forum-form small { display: block; margin-bottom: 8px; }
 </style>
 """
@@ -533,14 +535,14 @@ class ForumHandlers:
             f"<h2>auto-discovery</h2>"
             f'<form class="forum-form" method="post" action="/forum/auto_discover">'
             f'{self._csrf_field()}'
-            f'<label><input type="checkbox" name="enabled" value="1"{auto_discover_checked}>'
+            f'<label class="checkbox-label"><input type="checkbox" name="enabled" value="1"{auto_discover_checked}>'
             f" automatically discover other forum instances on the mesh</label>"
             f'<button>save</button>'
             f"</form>"
             f"<h2>auto-sync</h2>"
             f'<form class="forum-form" method="post" action="/forum/auto_sync">'
             f'{self._csrf_field()}'
-            f'<label><input type="checkbox" name="enabled" value="1"{auto_sync_checked}>'
+            f'<label class="checkbox-label"><input type="checkbox" name="enabled" value="1"{auto_sync_checked}>'
             f" automatically sync content every 5 minutes</label>"
             f'<button>save</button>'
             f"</form>"