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.