Fix alignment

There are slight alignment issues for most of the components, meaning that the GUI that you create in the web app will not look exactly the same once rendered on an embedded screen.
This is most likely due to differences in sizing/scaling.

This issue is not critical or breaking in any way, but it would be nice to have the rendered GUI look exactly like the one you make in the web app.

Start by creating the same GUI in the web app and rendering it on an embedded display, then compare component alignment and sizing. Done means the rendered embedded GUI matches the web-app layout across the affected components, but the issue does not name files or tests to run.

索引モデルが issue の本文から書いたものです。