Action menu: sort items, show in resource details page

[alexef]

I notice that every time I open the burger menu, the resource customization actions show up in random order. This sorts them alphabetically.

Additionally, to avoid an extra click, I'm adding the menu to the resource details page (next to SYNC and DELETE buttons).

Before

After

Checklist:

• Either (a) I've created an enhancement proposal and discussed it with the community, (b) this is a bug fix, or (c) this does not need to be in the release notes.
• The title of the PR states what changed and the related issues number (used for the release note).
• I've included "Closes [ISSUE #]" or "Fixes [ISSUE #]" in the description to automatically close the associated issue.
• I've updated both the CLI and UI to expose my feature, or I plan to submit a second PR with them.
• Does this PR require documentation updates?
• I've updated documentation as required by this PR.
• Optional. My organization is added to USERS.md.
• I have signed off all my commits as required by DCO
• I have written unit and/or e2e tests for my change. PRs without these are unlikely to be merged.
• My build is green (troubleshooting builds).

[codecov]

Codecov Report

Base: 45.60% // Head: 45.60% // No change to project coverage 👍

Coverage data is based on head (2faf05c) compared to base (4d6d204).
Patch has no changes to coverable lines.

❗ Current head 2faf05c differs from pull request most recent head 9a9df1c. Consider uploading reports for the commit 9a9df1c to get more accurate results

Additional details and impacted files

@@           Coverage Diff           @@
##           master   #11008   +/-   ##
=======================================
  Coverage   45.60%   45.60%           
=======================================
  Files         239      239           
  Lines       28973    28973           
=======================================
  Hits        13214    13214           
  Misses      13940    13940           
  Partials     1819     1819           

Impacted Files	Coverage Δ
util/settings/settings.go	51.25% <0.00%> (ø)

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

[rbreeze]

One small suggestion at first glance:
It appears there is no margin between the existing button and the new three dots button to show the menu. Can you add a few pixels of margin?

[alexef]

@rbreeze I can do that, but I have a different idea. What if (on the details page) instead of a drop down, I generate gray rounded buttons (looking the same as sync and diff). Then we avoid one extra click to expand the drop down. the disabled ones can be rendered as disabled or not rendered at all.

What I'm afraid is only if the list becomes too large, on smaller screens it may look weird, overlap with the Resource name on the left.

Should I give it a try?

[alexef]

@rbreeze I've added the margin.

Now it looks like this:

Something odd sometimes it loads to the left, other times to the righ. I've checked argo-ui and this doesn't seem to be configurable.

[blakepettersson]

LGTM! 🙌

[alexef]

E2E failures can't be related to changes in PR (as they passed before merge with master).

@rbreeze can you have another look? 🙏

[rbreeze]

LGTM!