Der Orden des Phönix stand vor dem Stein der Weisen

Alphabetisch stimmt das, nur sieht man sie andersherum. Es gibt jetzt einen
Sortiertitel: „Harry Potter 1", „Harry Potter 2" — und die Reihe steht in
der Ordnung, in der man sie schaut. Leer gelassen bleibt alles wie bisher,
beim Titel ohne Artikel davor.

Er hat einen eigenen Merker, nicht den des Titels. Wer die Reihenfolge
festlegt, soll den Titel trotzdem weiter automatisch bekommen; beides an
einem Schalter hiesse, für das eine auf das andere zu verzichten. Eine
Korrektur der Zuordnung lässt ihn ebenfalls stehen.

Und WALL·E bleibt nicht mehr unter E. Die Kachel wurde nach einer Korrektur
zwar neu beschriftet, blieb aber an ihrem Platz — jetzt rutscht sie dorthin,
wo sie hingehört. Liegt der Platz im noch nicht geladenen Teil der Liste,
geht sie weg und sagt wohin, statt falsch stehenzubleiben.

Dazu ein Dialog, in dem alles zu einem Titel beieinander steht: Titel,
Sortiertitel, Bilder, Zuordnung. Die vier Menüpunkte gab es schon, jeder für
sich richtig — zusammen aber kein Ort. Wer einen Film geraderückt, macht
selten nur eines davon. Die Abkürzungen bleiben.

Beim Bauen gefunden: das Zurücksetzen des Sortiertitels endete in einer 500.
SortTitle.For ist eine C#-Methode, und EF Core übersetzt sie nicht nach SQL.
Es geht um eine Zeile — die wird jetzt geladen und zurückgeschrieben, statt
die Regel ein zweites Mal als SQL zu schreiben.

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

web/app/src/style.css

@@ -1543,3 +1543,42 @@ body:has(.auswahlleiste:not(.hidden)) .hinweise { bottom: 104px; }
 @media (prefers-reduced-motion: reduce) {
   .auswahlleiste:not(.hidden) { animation: none; }
 }
+
+/* ---------- Bearbeiten: alles zu einem Titel an einer Stelle ---------- */
+
+.bearb-kopf {
+  display: flex; gap: var(--s-regular); align-items: center;
+  padding-bottom: var(--s-regular); border-bottom: 1px solid var(--line);
+  margin-bottom: var(--s-section);
+}
+.bearb-plakat {
+  width: 72px; aspect-ratio: 2 / 3; flex: 0 0 auto;
+  border-radius: var(--r-control); overflow: hidden; background: var(--placeholder);
+}
+.bearb-plakat img { width: 100%; height: 100%; object-fit: cover; }
+.bearb-kopftext { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
+.bearb-kopftext strong { font-size: 17px; }
+
+.bearb-abschnitt { margin-bottom: var(--s-section); }
+.bearb-abschnitt:last-child { margin-bottom: 0; }
+.bearb-abschnitt h3 {
+  font-size: 14px; font-weight: 600; margin: 0 0 4px;
+  text-transform: uppercase; letter-spacing: .04em; color: var(--text-dim);
+}
+.bearb-abschnitt .hinweis { margin: 0 0 var(--s-snug); }
+/* Das Eingabefeld nimmt den Platz, die Knöpfe nur, was sie brauchen. */
+.bearb-abschnitt .knopfreihe .feld { flex: 1 1 220px; min-width: 0; }
+
+/* **Sagt, dass hier jemand von Hand eingegriffen hat.** Ohne das sieht ein
+   gesetzter Wert aus wie ein geholter, und niemand weiss, warum das
+   Auffrischen ihn in Ruhe lässt. */
+.bearb-merker {
+  display: inline-flex; align-items: center; gap: 5px;
+  margin-top: var(--s-snug);
+  font-size: 12px; color: var(--accent);
+}
+.bearb-merker svg { width: 14px; height: 14px; }
+
+@media (max-width: 560px) {
+  .bearb-abschnitt .knopfreihe .feld { flex: 1 1 100%; }
+}