luci-mod-dashboard: Fix the firmware version misalignment

[JoeDoe-X]

Is there an existing issue for this?

• I have searched the existing issues

screenshots or captures

Actual behaviour

Please correct the layout of the "System" tile. The "Firmware version" line cannot fit the long name and wraps the last character "e".

Expected behaviour

Fix this issue

Steps to reproduce

Go to Dashboard (x.x.x.x.x/cgi-bin/luci/admin/dashboard)

Additional Information

OpenWrt 23.05

What browsers do you see the problem on?

No response

Relevant log output

No response

[dannil]

#7366 solves the same problem for the model, we should be able to extend that to the firmware version.

[JoeDoe-X]

#7366 is it the same problem with long name of device. Maybe small letter or wider frame solve the issue?

[dannil]

The correct solution for your specific issue would be to combine it with that PR and simply removing word-break: break-all from the CSS selector, I'm a bit puzzled why that's there in the first place.

With word-break: break-all:

Without word-break: break-all, which wouldn't wrap the character e in your example:

EDIT: I probably didn't explain it enough but all the values in the right column share the same word-break: break-all behaviour, so the wrapping issue would show up in Model, Firmware version, Architecture etc as well.

[systemcrash]

@dannil could you make a PR? It would supersede the other one which might be problematic.

[dannil]

@dannil could you make a PR? It would supersede the other one which might be problematic.

I can look into it cause I agree that just setting display: inline-flex isn't the correct solution, the CSS is a bit of a mess for the dashboard so it may need some more changes to the layout to actually behave correctly.

EDIT: here's an example with the Firmware version as well just as @JoeDoe-X pointed out where it incorrectly line-breaks the revision, just to illustrate that it exists for all columns.

[systemcrash]

ping for @dannil :)

[dannil]

Yup still in the backlog ;)

[wetxxx]

Which files will be change after this? I will be waiting for OpenWrt Files update (..../cgi-bin/luci/admin/system/opkg).