UI: scaling issue on iphone

[River-Mochi]

To Reproduce
Steps to reproduce the behaviour:

1. open in iphone, chrome browser, 1 letter will be cut off and not visible on the Left side of the screen.

Expected behaviour
that there is a little white space on the left side of the screen before seeing words and that no letters are cut off.
Add a little white space to BOTH left and right side. although right side I can see all letters, the blue boxes are still a little close to the right edge. Left is problem, right side is just for better view but not a problem.

Actual behaviour
1-2 letters are cut off on the left side, other big fonts like PineSAM are kissing the very edge.
even if I try to shift it over the display the letter on left is cut off.

Screenshots

Specs:

• OS: iphone
• Browser: chrome
• PineSAM Version: 1.0.13
• IronOS build: beta 2.20.EB5D6EA 18-02-23

[River-Mochi]

windows 11 chrome example
Needs more white space border on the PC browser too. if I make windows browser smaller to just 2 categories or 1 category view, then it also cuts off letters on the left side, and you can see right side is tight too, Show hints gets cut off and blue boxes are close to edge.

[builder555]

seems to have been fixed with the latest layout changes