bug #1479: Configuration UI overlaps Combined-Services-Badge and Show-Logs-Icon

[sbraitsch]

Closes #1479 Added a max width to the name template. Name + ID combinations that are too long will get ellipsized to prevent overlap. I also moved the service-count badge statically next to the show log and show config icons to make the position consistent. Added the name + id as a tooltip, so it can be seen fully even when it gets ellipsized.

---

This change is 

[heiko-holz]

Will be discussed in the week of 29.08-02.09.2022 when I'm in FFM

[danipaniii]

In order to always show the full name of the service name and not having to hover over it, there is the possibility to change the styling like this: .this :global(.might-overflow) { max-width: 19rem; display: inline-block; white-space: normal; overflow: visible; overflow-wrap: break-word; text-overflow: unset; }

[danipaniii]

The original solution:

When hovering over the name it looks like this:

The alternative:

[heiko-holz]

We discussed in the team and decided for the version with the line-break. @danipaniii can you please implement and commit that version :)?