Reorder IDP form elements

[charliepark]

So far, this branch is only modifying the create form, though once feedback is in, I'll modify the update form to match.

This addresses #2471, where Augustus proposed updating the IDP form to more logically group the various components. The main changes here are …

• adding headers for the various sections
• reordering the fields
• adding a checkbox for signed requests, which then reveals the public cert / private key fields

Here's the updated layout …

… and with the "Signed requests" box checked …

I'm open to any other modifications; just opening this up for discussion and moving the ball down the field.

Closes #2471

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
console	✅ Ready (Inspect)	Visit Preview	Oct 21, 2024 5:19pm

[david-crespo]

Looks good. Noticed the section headings are the same size as the modal title, which seems too big, but I see you followed Firewall Rules, which is the same way. They're all text-sans-2xl (1.5625rem, so I tried text-sans-xl (1.125rem) and it's too small, which is presumably how I landed on 2xl for the sections. Need @benjaminleonard's input here — is there/should there be a heading in between those sizes?

[benjaminleonard]

I'm trying to recall if we're using headings for any pane forms currently. It's a reasonable addition but there are broader implications in terms of rolling it out to every form that chunks the contents like this.

This might be a reason to move this into a full-page like the instance create form. What do you think? That might give us space to add some more inventive UI also.

[benjaminleonard]

Just noticing you mentioned firewall rules - will explore what headings should look like there. I didn't have them in the original design but they are helpful. Not exactly sure what the distinction is but firewall rule is not something that should be converted to a full form right.