Position hints next to links (instead of covering them)

[MaxGyver83]

Is your feature request related to a problem? Please describe.
Whenever I use hints, they cover the associated links (partly). The (not yet released) pull request #3173 allows the user to define pixel offsets for the hints. This is a great improvement but not ideal because the user has to find the right offset to have the hints next to the links via trial-and-error.

Describe the solution you'd like
It would be more user-friendly, if the user could choose if they want the hints to the left of a link, to the right of a link or on top of a link (current default).

Describe alternatives you've considered
None.

Additional context
Example of how it looks like in Firefox with the Surfingkeys add-on: Hints cover link text - Nyxt / Configuration Questions - Atlas

[aadcg]

@MaxGyver83 out of curiosity, did you manage to find a good value for the offset? My understanding is that the right way to do this depends on the element being hinted.

[MaxGyver83]

(define-configuration nyxt/mode/hint:hint-mode
  ((nyxt/mode/hint:hints-offset-x -45)))

This looks quite good for three-character hints:

But here it's too much:

Maybe it would be best to set something like the hint width + n pixels.

[jmercouris]

it also depends on the styling of the page... it is not simple.

[aadcg]

@MaxGyver83 if you're used to surfingkeys, try to add the following to your config:

(define-configuration nyxt/mode/hint:hint-mode
  ((nyxt/mode/hint:hinting-type :vi)))

[MaxGyver83]

Thank you! I like this option.

[aadcg]

It should be the default in my humble opinion.