So, I’m using fully kiosk browser to display a dashboard on a tablet, and also dash cast to display the dashboard on couple of Google nest hubs. Problem is that lot of the buttons and elements/cards feel so zoomed (large), meaning that only very little can actually fit in the display.
So, luckily on fully kiosk browser there’s a option to disable wide viewport and set zoom levels which works great (exactly what I want), but there’s obviously no such option for the dashcast (nest hub). So what options do I have here to have the same effect on the nest hub?
I assume if I had a way to change the viewport meta tag on the page would fix this, but is there any controls for this anywhere?
I assume if I simply set a css “zoom: 75%” on a higher level element (like the body tag or the wrapper for the dashboard), it would also fix this, but is there an easy way to do that?
If there’s a way I can execute some javascript on the dashboard I could do a lot of these things (probably edit the viewport, definitely inject css to any element so I can set zoom on body tag etc). Are these any ways I can do that?
If all else fails, I could go to every single element/button and set zoom: 75% using card_mod, but that would be realllllly painful and would be ideal if I can avoid this option.
Any suggestions appreciated. I’m a developer but have no experience in ha development - but happy to get my hands dirty so long as someone can point me in the right direction 