From adac64262f03fec6a96cc31c9b9a7f0276c0ae10 Mon Sep 17 00:00:00 2001
From: Stephen Morton <stephen.c.morton@gmail.com>
Date: Mon, 20 Jan 2020 23:01:04 -0500
Subject: [PATCH] client - mobile - Axis label font is scaled on small screens

On phones or other small screens, the axis labels (especially x axis)
were previously an unreadable jumble of too-close letters
---
 static/css/main.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/static/css/main.css b/static/css/main.css
index 8e6882dde9d..895b035aeed 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -516,6 +516,11 @@ a, a:visited, a:link {
 }
 
 @media (max-width: 750px) {
+  .x.axis {
+    font-size: 2.5vmin !important;
+  }
+
+
   .bgStatus {
     width: 50%;
     padding: 0 0 20px 0;
@@ -657,6 +662,10 @@ a, a:visited, a:link {
   #chartContainer {
     font-size: 14px;
   }
+  .y.axis {
+    font-size: 2.5vmin !important;
+  }
+
 }
 
 @media (max-height: 600px) {