web: the histogram waits to be asked for, the phone's ruler is a finger tall, and its x answers a real press — a 22px strip under a 44px thumb, a histogram that opened over the photo, and a close button whose press the drag's own preventDefault ate

docker/frontend/src/styles/app.css

@@ -1719,8 +1719,17 @@ input[type="range"] { width: 100%; accent-color: var(--accent); }
   .col[data-col="slider"] input[type="range"] {
     -webkit-appearance: none;
     appearance: none;
-    height: 22px;
+    /* A finger is wider than the ruler. The strip the ticks are drawn on is
+       22px tall, and a thumb that lands a dozen pixels off its centre is on the
+       photo above it or the row below — the drag never begins. The input's own
+       box is the target, so it grows to the finger; the track inside it keeps
+       the 22px the ruler is read at, because the pseudo-elements below set that
+       height themselves. touch-action none because the drag belongs to the
+       knob: nothing here may be taken for a scroll, a pull-to-refresh or a
+       URL-bar slide instead, and this row sits where those begin. */
+    height: 44px;
     background: none;
+    touch-action: none;
   }
   /* One rule per engine: a grouped selector that names a pseudo-element the
      engine does not know — `-moz-range-track` in Chromium — is dropped whole,