CSS Fix: time + glucose collision

I got tired of seeing them collide and knock the glucose number down to
a new line. So I added two additional @media sizing steps at 815px and
510px to adjust the font size.

This should eliminate the wrapping on the Android user’s home screen
widgets.
Merge pull request #21 from nightscout/feature/settings-ui

CSS Fix: time + glucose collision