Checklist:

• I've searched in the docs and FAQ for my answer: https://bit.ly/argocd-faq.
• I've included steps to reproduce the bug.
• I've pasted the output of argocd version.

Describe the bug

A clear and concise description of what the bug is.

To Reproduce

1. Visit https://cd.apps.argoproj.io/applications/prometheus-operator
2. click the ellipsis by prometheus-operator project
3. click sync
4. scroll down to MONITORING.COREOS.COM/SERVICEMONITOR/PROMETHEUS-OPERATOR/PROMETHEUS-OPERATOR...
5. You can't see the full name of the item
6. You can't differentiate items at all

Expected behavior

• Ellipsis should be in the middle, not the end
• Tooltips for anything with ellipsis

Screenshots

Version

{
    "Version": "v2.1.0+3091bc5",
    "BuildDate": "2021-08-09T10:16:24Z",
    "GitCommit": "3091bc5b6f3d389376feaa999a63fc4986ae72a9",
    "GitTreeState": "clean",
    "GoVersion": "go1.16.5",
    "Compiler": "gc",
    "Platform": "linux/amd64",
    "KsonnetVersion": "v0.13.1",
    "KustomizeVersion": "v4.2.0 2021-06-30T22:49:26Z",
    "HelmVersion": "v3.6.0+g7f2df64",
    "KubectlVersion": "v0.21.0",
    "JsonnetVersion": "v0.17.0"
}

Logs