Visual issue with "Create Torrent" icon and Disk Space display on Firefox over HTTPS

[lafouine022]

Please complete the following tasks.

• Web browser cache cleared
• Link provided to install script if applicable
• Not using broken rtinst install script
• Web browser, ruTorrent, PHP and OS version provided

Tell us about your environment

Environment:

Browser: Firefox lasted version
Protocol: HTTPS
Other browsers tested: Chrome/Edge (no issue).

Tell us how you installed ruTorrent

V5.1.1

Describe the bug

I’ve noticed a visual problem when using Firefox to access the interface over HTTPS:

The "Create Torrent" icon is not displayed correctly.
The Disk Space section also appears distorted or broken.

These issues do not occur when using other browsers or accessing the interface over HTTP.

Steps to reproduce:

Access the interface using Firefox (latest version) over an HTTPS connection.
Observe the "Add Torrent" icon and the Disk Space section.

Suggestions:
It might be related to resource loading over HTTPS or specific Firefox rendering quirks.

You can post this as an issue on GitHub, and it should provide enough context for the developer to investigate. 😊

Steps to reproduce

No response

Expected behavior

No response

Additional context

In HTTP no problème
In chrome or edge no problème

[lafouine022]

[jevenski]

Linking to image files might break for various reasons. There are 2 ways we load icons in ruTorrent.

1. Load a whole set of icons in one image file and apply the same image to different icons as the background image with different offset pixels. The offset value can be tedious to adjust in order to put the icon in the right position. When the size of the icon's containing element changes, the neiboring icon image might show up in the icon.
2. Load a single file for each icon image, and we'll have make quite a few requests for icon images. This does harm to loading performance.

I would suggest that we convert the icons to base64 strings and include them in the relevant css file, just like I did for the context menu icons: #2812. The css file size will be increased, but the time of http requests will be reduced, and maintenance will be much easier. I think it's a worthu tradeoff.

@stickz I'll get down to it if you approve of it.