Adopted the new settings dialog component for obo nodes

[maufcost]

Node dialogs that were not updated:

• text, heading, list, horizontal line, code, question, question bank, html: no settings dialog.
• math, button, and table: uses a different type of dialog.
• iframe: not updated because of Updated iframe properties dialog #1828.
• Materia widget: already updated.

Node dialogs that were updated:

• figure: both dialogs updated.
• Youtube: updated.

As always, let me know if you would like me to make any changes.

Fixes #1775

[jpeterson976]

The only thing that I noticed is that the width and height input boxes for custom sized figures are no longer centered vertically with the new dialog, but everything else looks to be the same as the old versions.

[maufcost]

Good catch! Fixing that now.

[jpeterson976]

Great, LGTM!

[deundrewilliams]

All updated dialogs are centered, lgtm

[FrenjaminBanklin]

Everything is functioning properly after the change, so good work there.

The only thing I can see possibly still needing work (unless this is somehow only happening to me) is that the settings windows seem to have way more white space than they need. For example, currently running on production:

versus:

and:

versus:

If it's a significant burden to tighten these up then I wouldn't necessarily block the merge over it, but if it's possible then I think it would be preferred over the significant extra padding.

[FrenjaminBanklin]

@maufcost Double-check that the two minor changes I made to the CSS didn't bug up anything you've done, otherwise this looks like it's ready to go.

[maufcost]

Checking that now, and I will get back to you in a couple minutes :)

[maufcost]

Just checked all the updated modals. As far as my testing goes, they are good to go!

[deundrewilliams]

Dialogs are still centered after CSS updates, lgtm

[jpeterson976]

Stuff still works, LGTM!

The base branch was changed.