Fix nightly-update checkbox layout and hide the updates block until loaded

The checkbox inherited the global 100%-wide input style, pushing its label
out of the sidebar. App 0.2.17, firmware unchanged.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

docs/TEST_RESULTS_0217.md

@@ -46,6 +46,20 @@
   gemeld IP vraagt eenmalig het adres en start daarna; scherm op 0.2.17 toont
   geen aanbod; het vinkje bewaart `auto` via `PUT /api/updates`.
 
+## App 0.2.17 (zelfde firmware)
+
+- Productie draaide nog de lokale app 0.2.12 uit `/addons`; de GitHub-app
+  `ec8ae0ed_esp_screen_manager` 0.2.16 is via de Supervisor-API geïnstalleerd,
+  de twee indelingen zijn via de ingress-API overgezet (7 en 5 tegels), de
+  lokale app is verwijderd. Voor de CYD ontbrak een profiel in de ESPHome-map
+  van HA; `cyd-2432s028.yaml` is aangemaakt met de paneelkalibratie en
+  `!secret`-sleutels (gelijk aan de sleutels in de firmware); `esphome config`
+  via de app slaagde. Beide schermen koppelen nu aan profiel én IP.
+- In de echte HA-pagina (Chrome, 1400 px) kreeg het checkboxje de algemene
+  `input`-stijl (100% breed, padding), waardoor de labeltekst naast de zijkolom
+  onder het editorpaneel viel. Fix: vaste 16 px, `flex: none`, geen padding.
+  Het blok *Firmware-updates* start nu verborgen tot de eerste inventory.
+
 ## Nog te doen in productie
 
 - Add-on bijwerken vanuit de HA-appwinkel (0.2.16) en beide schermen (nu al

screen_manager/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.2.17 (firmware 0.2.17 blijft actueel)
+
+- Het vinkje **Elke nacht automatisch bijwerken** kreeg de algemene invoerstijl (100% breed met padding), waardoor de tekst buiten de zijkolom onder het editorpaneel viel. Het checkboxje heeft nu een vaste maat. Alleen de app verandert.
+
 ## 0.2.16 (firmware 0.2.17)
 
 - **Bijwerken met één knop**: een scherm met oudere firmware krijgt in de lijst een badge *Update 0.2.17* en een knop **Bijwerken**. De app bouwt het eigen profiel, installeert draadloos en toont een spinner tot het scherm terug is met de nieuwe versie en een minuut stabiel blijft. Het resultaat blijft een dag zichtbaar bij het scherm.

screen_manager/app/static/index.html

@@ -74,7 +74,7 @@
             seconden.
           </p>
           <button class="quiet" id="refresh">↻ Vernieuwen</button>
-          <div class="updates" id="updates">
+          <div class="updates" id="updates" hidden>
             <h2>Firmware-updates</h2>
             <p class="hint" id="updates-hint"></p>
             <button id="update-all" hidden>Alle schermen bijwerken</button>

screen_manager/app/static/style.css

@@ -251,7 +251,12 @@ aside h2 {
   cursor: pointer;
 }
 .check input {
-  margin-top: 3px;
+  width: 16px;
+  height: 16px;
+  flex: none;
+  margin: 2px 0 0;
+  padding: 0;
+  accent-color: var(--accent, #2e5bff);
 }
 .check small {
   display: block;

screen_manager/config.yaml

@@ -1,5 +1,5 @@
 name: ESP Screen Manager
-version: "0.2.16"
+version: "0.2.17"
 slug: esp_screen_manager
 description: Kies tegels voor je CYD en Guition touchscreen, zonder opnieuw flashen.
 url: https://github.com/MaxGramser/homeassistant_espscreen