diff --git a/landing/src/app/ui/contact-form.scss b/landing/src/app/ui/contact-form.scss index 1030f33..e85bdaf 100644 --- a/landing/src/app/ui/contact-form.scss +++ b/landing/src/app/ui/contact-form.scss @@ -84,8 +84,18 @@ font-weight: var(--pi-theme-field-label-weight, inherit); } + // 10px, not the 20px this started at, and the reason is clamping. + // + // The outline's leading piece is only 12px wide, so a 20px corner radius gets + // clamped to 12 — while the focus ring, drawn across the full width, keeps a + // true 20px curve. Same box, same declared radius, two different curves, and + // a visibly doubled edge down the left side. Under 12px nothing is clamped + // and the two agree. + // + // The single-line fields never showed this: at 999px both the outline and the + // ring clamp to half the field's height, so they land on the same curve. .pi-field.pi-form-field__textarea { - --pi-theme-field-radius: 1.25rem; + --pi-theme-field-radius: 0.625rem; } }