From 152940e7d87798f2d669ab220c05201fab218e89 Mon Sep 17 00:00:00 2001
From: Gregory Eremin <g@erem.in>
Date: Sun, 15 Mar 2015 17:40:07 +0700
Subject: [PATCH] Responsive charts alignment

---
 app/styles/charts.css | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/styles/charts.css b/app/styles/charts.css
index fddbb92..5bd3ed4 100644
--- a/app/styles/charts.css
+++ b/app/styles/charts.css
@@ -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 {