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.

static/css/main.css

@@ -67,6 +67,12 @@ body {
   fill-opacity: 0;
 }
 
+@media (max-width: 815px) {    
+  body {
+    font-size: 80%;
+  }
+}
+
 @media (max-width: 768px) {
   body {
     font-size: 60%;
@@ -77,6 +83,12 @@ body {
   }
 }
 
+@media (max-width: 510px) {
+  body {
+    font-size: 50%;
+  }
+}
+
 @media (max-width: 480px) {
   body {
     font-size: 40%;