dropdown action button aligned with action buttons

[scottleedavis]

this PR was kicked off at @esethna 's request. :)

Summary

This pull request aligns interaction dropdown select buttons with action buttons, so they appear as one group/list

Ticket Link

This supports the 'remindbot' work of MM-10580, about aligning the styling of a reminder's buttons with that of slackbot's output.

Checklist

• Ran make check-style to check for style errors (required for all pull requests)
• Ran make test to ensure unit and component tests passed
• Needs to be implemented in mobile (link to PR or User Story) . Maybe?
• Has UI changes

[mattermod]

Setup Test Server label detected. Spinmint test server created if build succeeds (checks pass and no conflicts with base branch).

[mattermod]

Spinmint test server created at: https://i-0ff914542f093313a.test.spinmint.com

Test Admin Account: Username: sysadmin | Password: sysadmin

Test User Account: Username: user-1 | Password: user-1

Instance ID: i-0ff914542f093313a

[jasonblais]

@scottleedavis Overall this looks like a great improvement.

1 - There may now be instances where on narrower screens, the dropdowns and buttons are mixed together as attached below

whereas previously they were nicely stacked one after the other

But that may be okay, given the benefit we gain on wider screens.

@esethna thoughts on point 1 above?

2 - Will this change need to be applied on mobile as well? Or do we leave mobile as-is, given it's a narrower screen so the menus and buttons will most likely stack vertically anyway.

---

@asaadmahmood

3 - Can you help review the style changes for message menus below? I think they look great to me.

Before:

After:

[esethna]

Thanks @jasonblais, RE 1, given the larger horizontal real-estate on webapp I think this is fine, unless there are use cases that break the horizontal layout?

Re 2: Agree, on React Native I think vertically stacking is fine given the small screen widths

Re 3: Styling looks great, thanks for making those tweaks @scottleedavis.

[mattermod]

Spinmint test server destroyed

[jasonblais]

Discussed with Eric, changes look good.

[hmhealey]

Looks good to me, but I'm also going to add Asaad since he knows the styling best

[asaadmahmood]

Looks good to me.

[enahum]

I'm going to merge this as it has been approved by 2 devs, 2 PMs and UX

[enahum]

Thanks for this @scottleedavis

[scottleedavis]

Great process. Thank you all. :)