ui: the layer height stays shown while Interface material is on -- the band is one layer of the wall top, but with tines off and a Sure hold pad the field hid and the printer line dropped it (review)

web/style.css

@@ -543,7 +543,7 @@ html, body {
 #fin-opts .printer-edit { color: var(--dim); font-size: 12px; }
 #fin-opts .printer > summary:hover .printer-edit { color: var(--accent); }
 #fin-opts .printer:not([open]) .when-open, #fin-opts .printer[open] .when-shut { display: none; }
-#fin-opts .printer[open] > :not(summary) { padding-left: 22px; }
+#fin-opts .printer[open] > :not(summary) { padding-inline-start: 22px; }
 .check {
   display: inline-flex;
   align-items: center;

web/ui/settings.js

@@ -155,8 +155,10 @@ function debouncedRefresh(ms = 180) {
 function syncTineGrip() {
   const on = el('tines').checked;
   el('tinegrip-fld').hidden = !on;
-  // The Light pad is one layer tall, so it reads the layer height too.
-  el('layerh-fld').hidden = !on && !['light', 'auto'].includes(el('bed-pad').value);
+  // The Light pad is one layer tall, and the interface band is one layer of the
+  // wall top (prop/crest.js), so both read the layer height too.
+  el('layerh-fld').hidden = !on && !['light', 'auto'].includes(el('bed-pad').value)
+    && el('iface').value === 'off';
 }
 el('tines').addEventListener('change', () => { syncTineGrip(); refreshFins(); });
 el('tine-density').addEventListener('input', () => debouncedRefresh());
@@ -217,6 +219,7 @@ el('plate-only').addEventListener('change', () => refreshFins());
 const ifaceMode = () => ({ flat: 'flat', all: 'all' })[el('iface').value] ?? false;
 el('iface').addEventListener('change', () => {
   PROP.iface = ifaceMode();
+  syncTineGrip();
   refreshFins();
 });