From 1ee73ad00d4bc05cd40fb022abd3764750916900 Mon Sep 17 00:00:00 2001
From: nick <coachward0742@gmail.com>
Date: Fri, 5 Jun 2026 02:06:25 -0600
Subject: [PATCH] Improve temperature config checkbox layout

---
 docs/project-state.md                         |  2 +-
 .../overland-controller.ino                   | 24 ++++++++++++-------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/docs/project-state.md b/docs/project-state.md
index 2625713..0a6878f 100644
--- a/docs/project-state.md
+++ b/docs/project-state.md
@@ -163,4 +163,4 @@ Examples:
 5. Add config backup/restore.
 6. Improve BMS out-of-range behavior without changing NimBLE connect timeout.
 
-- Fixed WebUI temperature probe scan by registering `/temps/scan`, `/temps/assign`, and `/temps/clear` firmware routes.\n\n- Added per-temperature-sensor `weather` flag and WebUI outside temperature badge with emoji thresholds: below 50°F ice, 50-74°F happy, 75-84°F sun, and 85°F+ fire.\n
\ No newline at end of file
+- Fixed WebUI temperature probe scan by registering `/temps/scan`, `/temps/assign`, and `/temps/clear` firmware routes.\n\n- Added per-temperature-sensor `weather` flag and WebUI outside temperature badge with emoji thresholds: below 50°F ice, 50-74°F happy, 75-84°F sun, and 85°F+ fire.\n\n- Improved WebUI temperature sensor config checkbox layout with compact On/Weather controls.\n
\ No newline at end of file
diff --git a/firmware/esp32/overland-controller/overland-controller.ino b/firmware/esp32/overland-controller/overland-controller.ino
index 65d9f43..182996a 100644
--- a/firmware/esp32/overland-controller/overland-controller.ino
+++ b/firmware/esp32/overland-controller/overland-controller.ino
@@ -56,6 +56,10 @@ input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;ba
 .configrow label{color:var(--muted);font-size:12px}
 .configrow input[type="checkbox"]{width:auto}
 .configrow input{margin:0}
+.tempConfigRow{grid-template-columns:90px 1fr auto}
+.checkGroup{display:flex;gap:8px;align-items:center;justify-content:flex-end;white-space:nowrap}
+.checkPill{display:flex;gap:5px;align-items:center;background:#111923;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:12px}
+.checkPill input{width:auto;margin:0}
 .kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
 .kpi div{background:#0f151d;border:1px solid var(--line);border-radius:12px;padding:10px}
 .kpi .num{font-size:20px;font-weight:800;margin-top:4px}
@@ -532,17 +536,19 @@ function renderConfigControls(data){
   const tempBox=$("tempConfigList");
   if(tempBox){
     tempBox.innerHTML=temps.map((t,i)=>`
-      <div class="configrow">
+      <div class="configrow tempConfigRow">
         <label>${t.id}</label>
         <input id="tempName${i}" value="${t.name||""}" placeholder="Temp name">
-        <label>
-          <input id="tempEnabled${i}" type="checkbox" ${t.enabled?"checked":""}>
-          On
-        </label>
-        <label>
-          <input id="tempWeather${i}" type="checkbox" ${t.weather?"checked":""}>
-          Weather
-        </label>
+        <div class="checkGroup">
+          <label class="checkPill">
+            <input id="tempEnabled${i}" type="checkbox" ${t.enabled?"checked":""}>
+            On
+          </label>
+          <label class="checkPill">
+            <input id="tempWeather${i}" type="checkbox" ${t.weather?"checked":""}>
+            Weather
+          </label>
+        </div>
       </div>`).join("");
   }
 }