From cd2ad5e1aea6b9d47d4fec36321b1624a8506362 Mon Sep 17 00:00:00 2001
From: stephencmorton <17858976+stephencmorton@users.noreply.github.com>
Date: Sun, 16 Feb 2020 07:14:45 -0500
Subject: [PATCH] client - mobile - Axis label font is scaled on small screens
 (#5512)

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 25c6bae0..354a53b6 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -537,6 +537,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;
@@ -678,6 +683,10 @@ a, a:visited, a:link {
   #chartContainer {
     font-size: 14px;
   }
+  .y.axis {
+    font-size: 2.5vmin !important;
+  }
+
 }
 
 @media (max-height: 600px) {