Fiche : place dans la fratrie compacte, sur la ligne de « Édition »

‹ 2/4 › à côté de la pastille Édition au lieu d'une ligne à part ; la
place complète reste annoncée aux lecteurs d'écran.

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

frontend/src/components/PersonCard.css

@@ -66,11 +66,11 @@
 .pc-name { margin: 0; font: 400 28px/1.08 var(--pz-serif); letter-spacing: -.01em; color: var(--pz-ink); text-wrap: balance; }
 .pc-name em { font-style: italic; font-weight: 300; }
 .pc-life { margin: 0; font: 400 13.5px/1.4 var(--pz-sans); color: var(--pz-muted); }
-.pc-chips { display: flex; flex-wrap: wrap; gap: 6px; }
+.pc-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
 .pc-chips:empty { display: none; }
 /* Place dans la fratrie (mode édition) : ‹ 2 sur 3 › dans une pastille */
-.pc-order { gap: 2px; padding: 2px; }
-.pc-order-label { padding: 0 3px; font-variant-numeric: tabular-nums; }
+.pz-tag.pc-order { gap: 0; padding: 1px; }
+.pc-order-label { padding: 0 1px; font-variant-numeric: tabular-nums; }
 .pc-order-btn {
   display: inline-grid; place-items: center; width: 24px; height: 24px; padding: 0;
   border: 0; border-radius: 999px; background: transparent; color: var(--pz-ink-2); cursor: pointer;

frontend/src/components/PersonCard.jsx

@@ -406,11 +406,11 @@ const PersonCard = ({
           <div className="pc-chips">
             {editMode && <span className="pz-tag pz-tag--accent pz-tag--dot">{t('Édition')}</span>}
             {editMode && siblingPlace && (
-              <span className="pz-tag pc-order" role="group" aria-label={t('Place parmi les frères et sœurs')}>
+              <span className="pz-tag pc-order" role="group" aria-label={t('Place {n} sur {total} parmi les frères et sœurs', { n: siblingPlace.index + 1, total: siblingPlace.count })}>
                 <button type="button" className="pc-order-btn" onClick={() => onMoveSibling?.(-1)} disabled={siblingPlace.index === 0} aria-label={t('Déplacer à gauche')} title={t('Déplacer à gauche')}>
                   <ChevronLeft size={15} strokeWidth={2} aria-hidden="true" />
                 </button>
-                <span className="pc-order-label">{t('{n} sur {total}', { n: siblingPlace.index + 1, total: siblingPlace.count })}</span>
+                <span className="pc-order-label" aria-hidden="true">{siblingPlace.index + 1}/{siblingPlace.count}</span>
                 <button type="button" className="pc-order-btn" onClick={() => onMoveSibling?.(1)} disabled={siblingPlace.index === siblingPlace.count - 1} aria-label={t('Déplacer à droite')} title={t('Déplacer à droite')}>
                   <ChevronRight size={15} strokeWidth={2} aria-hidden="true" />
                 </button>

frontend/src/i18n/en/fiche.js

@@ -260,9 +260,8 @@ export default {
   'Interview archive radio': 'Archived radio interview',
   'Inconnu': 'Unknown',
   // Place dans la fratrie (fiche, mode édition)
-  'Place parmi les frères et sœurs': 'Place among siblings',
+  'Place {n} sur {total} parmi les frères et sœurs': 'Place {n} of {total} among siblings',
   'Déplacer à gauche': 'Move left',
   'Déplacer à droite': 'Move right',
-  '{n} sur {total}': '{n} of {total}',
   "L'ordre n'a pas pu être enregistré. Réessayez.": 'The order could not be saved. Please try again.',
 }