Fix dual-action button and dropdown component bugs

[ianrohde]

Summary of Changes

Adds:

• vertical-align: middle added to all :root inline-flex components to correct alignment when there are multiple inline-flex elements placed inline.

Modifies:

• Fix dual-action button and dropdown component bugs where alignment=left/right weren't responsive to parent width.

qa_req 0

[ianrohde]

To bypass the compiled boilerplate, searching for components-web/src/components/ in the Files Changed tab should limit to the relative changes.

[rjmccluskey]

LGTM! CR 🍻

[ianrohde]

dev_block 🌃 found a bug on storybook

[ianrohde]

un_dev_block 🧻

[rjmccluskey]

CR 🍻

[hackalot805]

Curious... what is the reasoning for it being okay to break from the pre-defined shadows?

[ianrohde]

I updated because there's a 45 degree rotation on the pseudo-element on line 175, so the pre-defined shadows don't apply.

[hackalot805]

CR 💀 but maybe consider adding all of the generated files in a separate commit? Also, concerned about the lack of QA. Did you check these changes for browser compatibility? Might raise confidence if we could see before and after images too?

[jarstelfox]

CR 🌵 @hackalot805 's didn't take for some reason

[ianrohde]

For QA, I have an issue open to do a full-pass of all components before we start using these in production: #17

I was spending too much time circling over browser issues repeatedly. Tony and I decided it would be more efficient to do it in one large pass.