diff --git a/picker/styles/picker.css b/picker/styles/picker.css index 4ef7aad4a..f6e803633 100644 --- a/picker/styles/picker.css +++ b/picker/styles/picker.css @@ -5263,7 +5263,10 @@ body.picker-page { height: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ps-gap-md); - justify-items: center; + /* The cards keep their column's width so the three squares are one size; + what centers is their contents, below. Shrinking the card to its label + handed each square a different width. */ + justify-items: stretch; } .picker-preview-type .ps-desktop .ps-gallery-item { @@ -5382,6 +5385,14 @@ body.picker-page { gap: var(--ps-gap-xs); } +.picker-preview-type[data-surface="persuade"] .ps-phone-body .ps-editorial-copy strong { + font-size: calc(var(--pt-title) * 1.12); +} + +.picker-preview-type[data-surface="persuade"] .ps-phone-body .pt-section-body { + font-size: var(--pt-base); +} + /* One gap owns the spacing down the phone. The margins underneath it were a second, unrelated scale, and every element that carried one landed on a different interval from its neighbour. */