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 = ({