Misaligned tooltip at the bottom of the privacy policy

[unrealapex]

Did you clear cache before opening an issue?

• I have cleared my cache

Is there an existing issue for this?

• I have searched the existing issues

Does the issue happen when logged in?

Yes

Does the issue happen when logged out?

Yes

Does the issue happen in incognito mode when logged in?

Yes

Does the issue happen in incognito mode when logged out?

Yes

Account name

unrealapex

Account config

No response

Current Behavior

When hovering over the tooltip, it is center aligned away from the the text being hovered over.

Expected Behavior

The tooltip would appear right above Miodec's username.

Steps To Reproduce

1. Go to the contact info section of the privacy policy
2. Hover over @miodec
3. See bug

Environment

• OS: 6.8.9-gentoo-dist(Gentoo)
• Browser: Firefox
• Browser Version: Mozilla Firefox 125.0.3

Anything else?

[extoplasm]

yea, this is because the element for the element (document.querySelector("#app > main > span")) has the ruleset

.content-grid {
    --content-max-width: 640px;
}

making this the width of the document

this is easily fixed, just make another ruleset to make this smaller something like

#app > main > span {
  max-width: fit-content;
}

[extoplasm]

#5446 might fix this, but it looks a bit wonky aswell because the balloon is not in the centre of the text.

pretty sure it might be better to make the element less wide

also, with this, you can add extra styling and make it inline, as it looks like a normal text right now

[Miodec]

Thanks for the PR @extoplasm, however the fix here was to simply add a missing wrapping p tag.

[extoplasm]

this is also seen in the terms of service

i made a PR :)