Skip to content

Commit

Permalink
client - mobile - Axis label font is scaled on small screens
Browse files Browse the repository at this point in the history
On phones or other small screens, the axis labels (especially x axis)
were previously an unreadable jumble of too-close letters
  • Loading branch information
stephencmorton committed Feb 9, 2020
1 parent f57ccb8 commit 84b3bd0
Showing 1 changed file with 9 additions and 0 deletions.
9 changes: 9 additions & 0 deletions static/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -498,6 +498,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;
Expand Down Expand Up @@ -639,6 +644,10 @@ a, a:visited, a:link {
#chartContainer {
font-size: 14px;
}
.y.axis {
font-size: 2.5vmin !important;
}

}

@media (max-height: 600px) {
Expand Down

0 comments on commit 84b3bd0

Please sign in to comment.