Fix display for context menu

[HesterG]

This PR is to fix the wrong display for context menu. The reason this occurs is because display was overwitten by style of fomantic component, specifically the following rule

.ui.comments .comment .actions a {
    cursor: pointer;
    display: inline-block; // should be block
    margin: 0 0.75em 0 0;
    color: rgba(0, 0, 0, 0.4);
}

Before:

After:

[wxiaoguang]

What do you think about this proposal:

• [Proposal] Use tailwind style CSS class names for legacy helpers #23011

[wolfogre]

I think HesterG's answer is definitely yes because she already gave your proposal a thumbs up. 😄

But maybe it's a good idea to keep the old style before refactoring?

[HesterG]

What do you think about this proposal:

• [Proposal] Use tailwind style CSS class names for legacy helpers #23011

I pretty agreed with this comment, but i am note sure if we could partially introduce tailwind, like only introduce widely used css like we now have inside helper.less

[wxiaoguang]

I think the root problem is aria.js is too hacky, we can avoid using a here, I will propose new PR to avoid making the problem more complex.

[wxiaoguang]

See Fix incorrect display for comment context menu #23343

Actually I had a TODO there "in the future there could be a special CSS class for it". that TODO would help similar problems in the future.

[HesterG]

Closed as #23343 fixed the root problem