Responsive charts alignment

2015-03-15 17:40:07 +07:00
parent 8c62239b53
commit 152940e7d8
1 changed files with 12 additions and 2 deletions
@@ -1,7 +1,18 @@
+@media (min-width: 640px) {
+    .barchart-container, .sachart-container {
+        width: 100%;
+    }
+}
+
+@media (min-width: 1100px) {
+    .barchart-container, .sachart-container {
+        width: 50%;
+    }
+}
+
 .barchart-container {
    box-sizing: border-box;
    float: left;
-    width: 50%;
    padding: 0 20px 20px 0;
 }
 .barchart g {
@@ -22,7 +33,6 @@
 .sachart-container {
    box-sizing: border-box;
    float: left;
-    width: 50%;
    padding: 0 20px 20px 0;
 }
 .sachart-container .legend {