Weewx Belchertown Kiosk page

[Dan Roman]

I don't quite understand why the kiosk example on the GIT looks like the first picture below, which is supposedly sized for a 1280 x 800 screen but my tablet with a 2048 x 1536 screen looks terrible (second picture).  

Is this just a browser issue on the tablet?  Anyone find a easy way to fix it?  It's an old Samsung 8" tablet I am trying to repurpose.  I tried Chrome and the Samsung browser and they both look the same.  Kiosk looks good on my desktop browser but doesn't look good on my phone either (which is also greater than 1280 x 800 resolution).

Github image sample of kiosk:

Screenshot from my tablet:

Thanks!

[Karen K]

The real reason is, that the Belchertown skin does not obey all the rules of the Bootstrap grid system. And additionally it changes some basic settings within style.css to the worse. 

[Dan Roman]

Thanks Karen.  So I guess it looks good on a pi running on a browser because it is a "desktop" but phones and tablets are a problem?  I don't know enough about Cascading Style Sheets to attempt an overhaul to get it to look right on my own.  Even the pi version doesn't look good compared to the git screenshot and desktop vs. tablet.