Umsortiert wird gezogen, nicht geklickt

Die Pfeile sind weg; eine Mediathek wird in der Seitenleiste an ihren
Platz gezogen. Mit Pointer Events statt HTML5-Drag: letzteres kennt kein
Telefon, zeichnet ein Geisterbild, das sich nicht gestalten lässt, und
liefert während des Ziehens keine brauchbaren Koordinaten.

Mit Schwelle von sechs Bildpunkten — sonst verschiebt jeder leicht
wackelige Klick die Reihenfolge, und ein Klick ohne Bewegung führt
weiterhin zur Mediathek, auch im Bearbeitungsmodus. Die weichenden
Zeilen gleiten, die gezogene folgt dem Zeiger ohne Verzögerung; bei
„Bewegung reduzieren" gleitet nichts.

Die Pfeiltasten bleiben auf der fokussierten Zeile, nur ohne sichtbare
Knöpfe. Ziehen ist mit der Tastatur nicht bedienbar, und eine Funktion,
die nur mit der Maus erreichbar ist, ist für den, der keine benutzt, gar
keine.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/app/src/icons.ts

@@ -23,6 +23,11 @@ export const icons = {
   /** Winkel nach oben — eine Ebene zurück im Baum. */
   hoch: rahmen('<path d="m6 14 6-6 6 6"/>'),
   runter: rahmen('<path d="m6 10 6 6 6-6"/>'),
+  // Sechs Punkte — das übliche Zeichen für „hier anfassen". Gefüllt,
+  // weil Kreise mit Radius 1 als Umriss nur ein Fleck wären.
+  griff: rahmen('<circle cx="9" cy="6" r="1"/><circle cx="15" cy="6" r="1"/>'
+    + '<circle cx="9" cy="12" r="1"/><circle cx="15" cy="12" r="1"/>'
+    + '<circle cx="9" cy="18" r="1"/><circle cx="15" cy="18" r="1"/>', true),
   /** Filmstreifen — für eine Filmmediathek. */
   filme: rahmen('<rect x="3" y="4" width="18" height="16" rx="2"/>'
     + '<path d="M7 4v16M17 4v16M3 9h4M3 15h4M17 9h4M17 15h4"/>'),