fix(dashboard-ui): prevent title text wrapping and clean up tile header layout

[Lewi (ainto)]

Summary

This PR addresses layout inconsistencies in the Dashboard tile headers. Specifically, it fixes an issue where short text or certain locales caused the main title to unexpectedly wrap to multiple lines, and removes a hardcoded line break in the Power tile that disrupted the flex layout.

Changes

1. Prevent Title Text Wrapping:

   • Added white-space: nowrap and flex-shrink: 0 to the .tile-header-main CSS class.
   • This ensures that tile titles (e.g., Interface, VPN, Power) remain on a single line and are not compressed within the flex container, regardless of text length or language.
   • 

2. Clean Up Power Tile Header:

   • Removed an unnecessary hardcoded <br> tag in the Power (UPS) tile header section.
   • The layout now relies entirely on the existing flexbox classes (flex flex-row flex-wrap) to handle wrapping naturally when space is constrained, resulting in cleaner and more consistent spacing.
   • 

Impact

• Improves the visual alignment and robustness of all dashboard tiles using the standard header layout.
• Prevents unexpected vertical gaps or misalignment, particularly in non-English locales or when viewing on smaller screens.

Testing

• Verified that tile titles display correctly on a single line across different locales and text lengths.
• Confirmed that the Power tile header layout is consistent and wraps appropriately on smaller screens without the forced line break.

[coderabbitai]

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 3 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used all 2 included reviews currently available.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

• Configuration used: Repository UI
• Review profile: CHILL
• Plan: Advanced
• Run ID: 0f853043-ca8b-4ef1-be68-1b5359d91124

📥 Commits

Reviewing files that changed from the base of the PR and between 26eb1b5 and df71d65.

📒 Files selected for processing: 2

• emhttp/plugins/dynamix/DashStats.page
• emhttp/plugins/dynamix/sheets/DashStats.css

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}