Lot U : contrôles repris sans les affaiblir (C3, C4, C6, C19 à C21, C23 à C26, C34, M1) ; CONTROLES.md (C35 à C37) ; retouches vues aux captures (ligne d'ordre discrète, en-tête plus court sur téléphone, liste à poignées)

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

web/src/lib/components/Reorder.svelte

@@ -175,8 +175,10 @@
         </span>
         <button type="button" class="item" data-id={id} aria-pressed={chosen === id} disabled={busy} onclick={() => pick(id)} onkeydown={(e) => key(e, id)}>
           <span class="n" aria-hidden="true">{i + 1}</span>
-          <span class="name">{name}</span>
-          {#if proposed(id)}<span class="tag">{t('order.edit.proposed')}</span>{/if}
+          <span class="what">
+            <span class="name">{name}</span>
+            {#if proposed(id)}<span class="tag">{t('order.edit.proposed')}</span>{/if}
+          </span>
         </button>
         <span class="arrows">
           <button type="button" class="arrow up" aria-label={t('order.edit.up', { title: name })} disabled={i === 0 || busy} onclick={() => shift(id, -1)}><Icon name="chevron" size={16} /></button>
@@ -252,9 +254,8 @@
   .item {
     flex: 1;
     display: flex;
-    flex-wrap: wrap;
     align-items: center;
-    gap: 0.3rem 0.6rem;
+    gap: 0.6rem;
     min-width: 0;
     min-height: 2.75rem;
     padding: 0.45rem 0.3rem;
@@ -276,6 +277,13 @@
   .dragging .n {
     color: inherit;
   }
+  .what {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.25rem 0.6rem;
+    min-width: 0;
+  }
   .name {
     font-family: var(--font-text);
     font-weight: 600;