diff --git a/frontend/src/components/PersonCard.css b/frontend/src/components/PersonCard.css index 0ba9d29..7e2d730 100644 --- a/frontend/src/components/PersonCard.css +++ b/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; diff --git a/frontend/src/components/PersonCard.jsx b/frontend/src/components/PersonCard.jsx index bf46a12..f8ff7a9 100644 --- a/frontend/src/components/PersonCard.jsx +++ b/frontend/src/components/PersonCard.jsx @@ -406,11 +406,11 @@ const PersonCard = ({
{editMode && {t('Édition')}} {editMode && siblingPlace && ( - + - {t('{n} sur {total}', { n: siblingPlace.index + 1, total: siblingPlace.count })} + diff --git a/frontend/src/i18n/en/fiche.js b/frontend/src/i18n/en/fiche.js index cb56022..a120576 100644 --- a/frontend/src/i18n/en/fiche.js +++ b/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.', }