Controling columnwidth in sections view

Configuration Frontend
1

Hello all, like many others I am experimenting with the sections view to create some dashboards. In my case I want them statically on a tablet that I hang on the wall. Unfortunately, sections is more focussed on dynamic layout accross multiple devices. i hope the team will add more controll for static layout on a single device.

Anyways, I though I had things a bit under control. My tablet has a 1280x800 display. So I set the dasboard up with 4 columns and specified in my theme:
ha-view-sections-column-gap: 0px
ha-view-sections-column-min-width: 320px
ha-view-sections-column-max-width: 320px
In my chrome development tool I can mimick a screen size. So I have added the 1280x800 of my tablet as a setting. This works perfectly. All 4 columns nicely stacked next to eachother without gaps, and filling the entire screen.
However, on my physical tablet(lenovo TB-8505F) in the HA companion app. I only have 2 columns. So everything is rearanged.
Does any one know if I miss a setting, or if I have overlooked anything?

Regards,

Bert

2

Hi all,

Replying to myself.

I tried all three kiosk-like apps i know: Wallpanel, HA companion and Fully kiosk browser. I was hoping that the scaling was due to HA compaion only. However, all have the same “problem”, showing only 3 columns where according to the math 4 should have fit. 4x320=1280, right?? I reduced the column width gradually and at about 250px finally all 4 columns show. Looks like it only counts 1000 pixels.

ha-view-sections-column-min-width: 250px
ha-view-sections-column-max-width: 250px.
I am happy I can control it now, sort off., but It would be so nice to have a simpler way of working. The column widths (plus maybe some margin widths should add up to the 1280 pixels my screens have.

Anyone have an idea where is this not adding up?

Regards,

Bert