Widgets: font size scaling issue when in landscape in iOS

[dcompane]

Describe The Bug

What

When using an iPad (iPadOS 15.5) in landscape mode, the font on the CPU, Memory, and uptime widgets' font is too big and depending on the values, it does not render well or complete. When in portrait mode, the font is smaller, and all looks as it should.

Portrait

Landscape

Expected Behavior

Regardless of orientation, the text will be fully visible and scaled properly.

Steps To Reproduce

Render the HB UI in a browser in an iPad (I am using a 12.9 1st gen same in any browser)
Ensure portrait mode and notice the Memory widget layout
Set the iPad in landscape mode, and notice the Memory widget layout

Logs

N/A

Config

{
    "bridge": {
        "name": "Homebridge",
        "username": "0E:4C:xxxxxx ",
        "port": 51212,
        "pin": "obscured pi ",
        "bind": [
            "enp0s25"
        ]
    },
    "accessories": [
        {
            "name": "AtHome",
            "stateful": true,
            "reverse": false,
            "time": 1000,
            "resettable": false,
            "accessory": "DummySwitch"
        }
    ],
    "platforms": [
        {
            "name": "Config",
            "port": 8581,
            "platform": "config"
        },
        {
            "name": "Flume",
            "username": "obscured email",
            "password": "obscured password",
            "clientId": "obscured I’d",
            "clientSecret": "obscured secret",
            "platform": "Flume",
            "_bridge": {
                "username": "0E:5E:xxxxxx",
                "port": 52708
            }
        },
        {
            "name": "PrinterPlatform",
            "printer": [
                {
                    "name": "HP Printer",
                    "address": "192.168.256.30",
                    "polling": 10,
                    "marker": false,
                    "switchType": "CHARACTERISTIC",
                    "manufacturer": "HP ",
                    "model": "OfficeJet 7610"
                }
            ],
            "_bridge": {
                "username": "0E:1Dxxxxxx",
                "port": 31002
            },
            "platform": "PrinterPlatform"
        },
        {
            "refreshToken": "obscured token",
            "alarmOnEntryDelay": true,
            "avoidSnapshotBatteryDrain": false,
            "treatKnockAsDing": true,
            "sendDoorbellMotionNotificationsToTv": false,
            "platform": "Ring",
            "_bridge": {
                "username": "0E:ECxxxxx",
                "port": 40017
            }
        },
        {
            "name": "BraviaTVOS",
            "debug": false,
            "warn": false,
            "error": true,
            "extendedError": true,
            "tvs": [
                {
                    "active": true,
                    "name": "LivingTV",
                    "ip": "192.168.256.11",
                    "psk": "obscured key",
                    "appName": "Hombridge",
                    "polling": 10,
                    "sheduledRefresh": 12,
                    "speaker": {
                        "active": true,
                        "output": "speaker",
                        "increaseBy": 1,
                        "reduceBy": 1,
                        "accType": "switch"
                    },
                    "channels": [],
                    "commands": [],
                    "macros": [],
                    "remote": [],
                    "inputs": []
                }
            ],
            "platform": "BraviaOSPlatform",
            "_bridge": {
                "username": "0E:xxxxx85",
                "port": 48592
            }
        },
        {
            "name": "Rachio",
            "default_runtime": 3,
            "runtime_source": 0,
            "use_irrigation_display": false,
            "show_standby": true,
            "show_runall": true,
            "show_schedules": true,
            "external_webhook_port": 12453,
            "internal_webhook_port": 27546,
            "use_basic_auth": false,
            "delete_webhooks": false,
            "platform": "rachio"
        },
        {
            "name": "Sonos",
            "excludeAirPlay": true,
            "nameScheme": "% Sonos",
            "service": "speaker",
            "speakers": true,
            "platform": "ZP",
            "_bridge": {
                "username": ":xxxxx53:",
                "port": 31519
            }
        }
    ],
    "disabledPlugins": [
        "homebridge-rachio-irrigation",
        "homebridge-wemo"
    ]
}

Homebridge UI Version

homebridge-config-ui-x v4.46.0

Homebridge Version

1.4.1

Node.js Version

8.6.0

Operating System

Fedora / CentOS / RedHat (or a variant)

Environment Info

• Using Docker?
• Using Hyper-V?
• Using hb-service?

Raspberry Pi Model

No response

[dcompane]

Please indicate where in the code I can start looking it is and I can try to see if I can fix it.

[oznu]

This should be fixed in the next release.