From 2aae9ee45571f35210c0b28769a887c296119438 Mon Sep 17 00:00:00 2001
From: Malar Kannan <malarkannan.p@gmail.com>
Date: Sun, 1 Jul 2018 22:50:23 +0530
Subject: [PATCH] centered charts

---
 public/config.json  | 16 ++++++++--------
 src/ChartLoader.tsx |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/public/config.json b/public/config.json
index ba90838..ae1402f 100644
--- a/public/config.json
+++ b/public/config.json
@@ -21,19 +21,19 @@
       "fileName": "data.csv"
     }
   ],
-  "chartList":[{
+  "chartList": [{
       "fileName": "data.csv",
       "chartColumn": "status"
     },
     {
-        "fileName": "data.csv",
-        "chartColumn": "age"
-      }
+      "fileName": "data.csv",
+      "chartColumn": "age"
+    }
   ],
-  "colorMaps" : {
-    "status" : {
-      "complicated":"red",
-      "single":"green"
+  "colorMaps": {
+    "status": {
+      "complicated": "red",
+      "single": "green"
     }
   }
 }
diff --git a/src/ChartLoader.tsx b/src/ChartLoader.tsx
index 31c4e26..9f5e3a8 100644
--- a/src/ChartLoader.tsx
+++ b/src/ChartLoader.tsx
@@ -6,7 +6,7 @@ export default class ChartLoader extends React.Component<any, any> {
   public render() {
     const colorMaps = this.props.colorMaps;
     return (
-      <Columns>
+      <Columns isCentered={true}>
         {this.props.chartList.map((o: any, i: number) => {
           const colorMap = colorMaps[o.chartColumn];
           return (