Make buttons in the UI looks more like clickable buttons rather than labels

[andrii-korotkov-verkada]

Summary

The buttons on the top (like Details or Refresh) and labels like Sync OK and revision name in Sync status can be remade to have a more 3D style, so it's more obvious those are clickable things.

Motivation

Based on a feedback of UI engineer new to ArgoCD, it wasn't obvious those are clickable until I showed it during the Demo. Those look more like labels, especially the Sync status button which doesn't have a border.

Proposal

Make the buttons have more of 3D style, or other way to look more like clickable objects. For the Sync OK button and revision name in Sync status they need some border added.

[keithchong]

Like this? It's a one line change in argo-ui, but there is talk about deprecating it.

[andrii-korotkov-verkada]

@keithchong, yes, that would be great. If argo-ui is being deprecated, what's the people's proposed path forward with ui?

[ebuildy]

My 2 cents !

[surajyadav1108]

@keithchong @andrii-korotkov-verkada is this change needed? keithchongs change looks right to me.

[andrii-korotkov-verkada]

I'd say it's needed.

[andrii-korotkov-verkada]

@keithchong, can you raise a PR for your change, please?