Merge pull request #3 from jasoncalabrese/wip/bgDelta

Update breakpoints to create some in-between states
jasoncalabrese · Nov 17, 2014 · 9f16deb · 9f16deb
2 parents b2469a7 + a141622
commit 9f16deb
Showing 1 changed file with 52 additions and 2 deletions.
diff --git a/static/css/main.css b/static/css/main.css
@@ -17,7 +17,7 @@ body {
 
 
 /* BEGIN: Dolphin/Stock Android Browser Fix */
-@media (max-width: 700px) {
+@media (max-width: 400px) {
     .bgStatus {
         width: 100% !important;
     }
@@ -72,7 +72,7 @@ body {
     text-decoration: none;
     display: block;
     position: relative;    
-    top: -20px;
+    top: -10px;
 }
 .currentDirection {
     font-weight: normal;
@@ -246,7 +246,57 @@ div.tooltip {
     }
 }
 
+@media (max-width: 800px) {
+  .bgStatus {
+    font-size: 600%;
+  }
+
+  .status.toolbarClosed .bgStatus {
+    font-size: 650%;
+  }
+  #bgButton {
+    font-size: 120%;
+  }
+  .dropdown-menu {
+    font-size: 60% !important;
+  }
+  #currentTime {
+    font-size: 85%;
+  }
+}
+
 @media (max-width: 700px) {
+  .bgStatus {
+    font-size: 500%;
+  }
+
+  .status.toolbarClosed .bgStatus {
+    font-size: 550%;
+  }
+  #bgButton {
+    font-size: 120%;
+  }
+  .dropdown-menu {
+    font-size: 60% !important;
+  }
+  #currentTime {
+    font-size: 65%;
+    padding: 0;
+  }
+  #lastEntry {
+    font-size: 65%;
+  }
+
+  #chartContainer {
+    top: 165px;
+  }
+  #chartContainer svg {
+    height: calc(100vh - 165px);
+  }
+
+}
+
+@media (max-width: 400px) {
     body {
         font-size: 70%;
     }