PR: https://github.com/mantisbt/mantisbt/pull/2225

after.png (64,044 bytes)   

after.png (64,044 bytes)   

It's a good idea, but I don't really like the the repeated (required) tags, which IMHO clutters the UI and makes the target version less readable.

I believe it would be better to display dependencies in 2 groups, with a small label to distinguish Optional ones, e.g. something like

MantisBT Core 2.26.4
Source Control Integration 2.5.0

Optional
Mantis Graphs 2.29.0

What do you think ?

This option isn't very attractive either, and it takes up a lot of space, since neighboring plugins need to be spaced apart so their dependencies don't appear to be clustered together...

firefox_2026-05-22_21-21-46.png (32,589 bytes)   

firefox_2026-05-22_21-21-46.png (32,589 bytes)   

This is what the version with labels looks like:

firefox_2026-05-22_22-28-26.png (35,724 bytes)   

firefox_2026-05-22_22-28-26.png (35,724 bytes)   

This option isn't very attractive either, and it takes up a lot of space

Agreed.

This is what the version with labels looks like:

The proposed variant with tags is not bad, but it does not look right due to the tag's arrowhead not being vertically centered with the span containing the plugin name. Could you align them, and maybe reduce a bit the font size in the tag ?

Also, to reduce clutter, I would just completely remove the "required" tag - it's implied - and only show an indicator for optional dependencies.

PR updated.

firefox_2026-05-24_11-41-34.png (52,970 bytes)   

firefox_2026-05-24_11-41-34.png (52,970 bytes)   

Much better, almost there I think.

Strangely, the vertical alignment looks good on Chrome, but not on Safari (label seems shifted down), but I don't think it's worth the effort to fiddle with that.

Minor tweaks:

• Spans with labels for optional dependencies are slightly higher (20px) than the ones for required dependencies (18px). This causes irregular spacing between dependencies
• When there are multiple optional dependencies, display looks OK on Safari, but with Chrome the tags are too close to each other (touching).

To ensure consistent display, I'd suggest adding a line-height: 22px; attribute (or any other tweak you deem more appropriate).

image.png (41,903 bytes)   

image.png (41,903 bytes)   

image-2.png (36,282 bytes)   

image-2.png (36,282 bytes)   

In the new commit, I made the classes for the plugin name and its label the same, and I also increased the line height of the container (table cell).

made the classes for the plugin name and its label the same,

That makes the font smaller (13px -> 11px), which is fine for the optional label but I'd rather keep the bigger font for the plugin name if possible - keep consistency with the rest of the table -- and also, I have old eyes ;-)

Otherwise, it looks good on Safari, Chrome and Firefox too.

Unfortunately, despite the vast number of existing styles, I couldn't find one that would space out the lines or increase their size in the desired proportion. I had to add a “multiline” style with the necessary margin as a child of “label”. :-|

firefox_2026-05-25_18-53-36.png (19,671 bytes)   

firefox_2026-05-25_18-53-36.png (19,671 bytes)