diff --git a/app/css/charts.css b/app/css/charts.css index b065d88..99161c2 100644 --- a/app/css/charts.css +++ b/app/css/charts.css @@ -1,15 +1,3 @@ -@media (min-width: 640px) { - .barchart-container, .sac { - width: 100%; - } -} - -@media (min-width: 1100px) { - .barchart-container, .sac { - width: 50%; - } -} - .barchart-container { box-sizing: border-box; float: left; @@ -142,7 +130,6 @@ } .whatsgoingon em { - display: inline-block; line-height: 16px; color: #000; font-style: normal; @@ -228,3 +215,23 @@ hr { clear: both; } +@media (min-width: 640px) { + .barchart-container, .sac { + width: 100%; + } + .sac .legend { + min-height: 0; + } +} + +@media (min-width: 1100px) { + .barchart-container { + width: 45%; + } + .sac { + width: 55%; + } + hr { + display: none; + } +}