Skip to content

Commit

Permalink
client - mobile - Axis label font is scaled on small screens (#5512)
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 16, 2020
1 parent 65b9f38 commit cd2ad5e
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 @@ -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;
Expand Down Expand Up @@ -678,6 +683,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 cd2ad5e

Please sign in to comment.