Cut off less text in left-hand nav menu

[berry120]

• Breaking change? (if so, please describe the impact and migration path for existing application instances)

What changes did you make?

Currently the maximum width of 110px in the left-hand menu is really conservative, dropping way more text than it needs:

160px seems like a much better choice:

Much more text is shown now, but it still cuts off appropriately before the drop-down icon.

Is there anything you'd like reviewers to focus on?

How Has This Been Tested? (put an "x" (case-sensitive!) next to an item)

• No need to
• Manually (please, describe, if necessary)
• Unit checks
• Integration checks
• Covered by existing automation

Checklist (put an "x" (case-sensitive!) next to all the items, otherwise the build will fail)

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation (e.g. ENVIRONMENT VARIABLES)
• My changes generate no new warnings (e.g. Sonar is happy)
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged

Check out Contributing and Code of Conduct

A picture of a cute animal (not mandatory but encouraged)

[github-actions]

Hi berry120! 👋

Welcome, and thank you for opening your first PR in the repo!

Please wait for triaging by our maintainers.

Please take a look at our contributing guide.

[Mgrdich]

@Haarolean this needs to be discussed with the designer

[Haarolean]

@Haarolean this needs to be discussed with the designer

yeah I believe we had a solution for long cluster names

[Haarolean]

https://www.figma.com/design/IBvMpXfwbwd8d5IeOZXslK/Kafbat-UI?node-id=2535-8274&t=4Kl7AH7wx5tFuGeq-0

[Haarolean]

According to our design, the sidebar width currently is 240px. The issue with long cluster names should be solved using this design approach rather than this hammer fix.
P.S. Please note that there has been another PR open on this matter (#727), I left the same comment there.

[kapybro]

Further user feedback is requested. Please reply within 7 days or we might close the issue.

[berry120]

@Haarolean Are you referring to this approach where the text is wrapped?

If so then the wrapping looks much better to me (is this coming in the next release?) but even in this design it still looks like there's some wasted whitespace on the right hand side that could be used to avoid as much wrapping?

[kapybro]

Thanks for the additional feedback! We'll get back to your issue soon.

[Haarolean]

@Haarolean Are you referring to this approach where the text is wrapped?

If so then the wrapping looks much better to me (is this coming in the next release?) but even in this design it still looks like there's some wasted whitespace on the right hand side that could be used to avoid as much wrapping?

I believe it's to have a decent breathing space before the dropdown arrow, but I'll inquire our designer @snoorge about this

[germanosin]

There have been a number of updates on this. Could you please check the latest main tag? I think we can close it.

[berry120]

Yeah main looks much better now as-is, thanks!