From 071b20839edfe6f5eed8b9c77d59b18eedf6a37e Mon Sep 17 00:00:00 2001
From: Brian Hanifin <code@brianhanifin.com>
Date: Tue, 22 Jul 2014 01:19:44 -0700
Subject: [PATCH] CSS Fix: time + glucose collision
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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 | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/static/css/main.css b/static/css/main.css
index a19f8707eff..db53966e55f 100644
--- a/static/css/main.css
+++ b/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%;