Ingredient Note Icon collides with step text

[cgspeck]

Tandoor Version

1.5.24

Setup

Docker / Docker-Compose

Reverse Proxy

SWAG

Other

No response

Bug description

On certain devices and certain browser window sizes the ingredient note icon collides with step text when viewing a recipe, making it difficult to read, like in the screenshot below.

Affected browsers:

• Chrome 131.0.6778.140 on Windows 11
• Firefox 133.0.3 on Windows 11

Affected devices:

• Pixel Tablet

It is not desirable to have to resize the browser window and also not possible in some cases (i.e. the Pixel Tablet)

Relevant logs

No response

[vabene1111]

will not be fixed in old version #2976