[BUG] The value in header in page gets cut off and hidden by long buttons

[jkb-jyskebank-dk]

Describe the bug and what you expected to happen

Make a kirby page with a header containing large buttons and a large value, and see the value being cut off. Extra bad with 200% text resize increase. See screenshots and stackblitz.

Describe how to reproduce the bug

https://stackblitz.com/edit/stackblitz-starters-jnnhy7ms?file=src%2Fmain.ts

Severity

(4) Low — minor issue

Which Kirby version was used?

11.7.0 or basically any

Add screenshots or videos

Environment (OS / Browser)

No response

Additional context

No response

[RasmusKjeldgaard]

Consider if the headers reflow logic is better implemented with container queries.

[alxzak]

@jkb-jyskebank-dk Could you consider changing the button label to something shorter, as a workaround?