Allow vertical alignment for ui.inline

[mturoci]

via @azim-b

Add align attr to ui.inline to allow for vertical alignment. Currently, we center everything by default, which does not suit every case, e.g. displaying 2 choice groups side by side with different choice counts:

Implementation notes

• Add a new align prop to Inline interface with all the possible values that flexbox offers for vertical alignment.
• Implement the necessary functionality.
• Add a python example demonstrating the behavior.

[NevilleMthw]

Is anyone doing this issue? If not, I could work on it.

[mturoci]

You can take it @NevilleMthw!

[NevilleMthw]

Hi @mturoci, is there a separate inline.tsx file to work with or would the changes be in another file?

[mturoci]

The changes need to be done in form.tsx. Here is the interface and the component. For quicker answers you might also want to join our Discord.

[mturoci]

This issue is up for grabs again.

[Nicolapps]

I’m working with @sherrychen2, @monal20, and @kitty3190 on a PR for this issue (and also #1645, #495, and #372) as part of a Software Engineering class assignment.

[jding712]

Hi, my team would like to work on this issue if it is still available.