From f375f936d896a0959958bf98c6f67e5f5716cbc6 Mon Sep 17 00:00:00 2001
From: nixa <4dmitr@gmail.com>
Date: Wed, 11 May 2016 12:19:13 +0300
Subject: [PATCH] chartist styles fixes

---
 .../components/chartistJs/chartistJs.html      |  8 ++++----
 .../components/chartistJs/chartistJs.scss      | 18 ++++++++++++++++++
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/app/pages/charts/components/chartistJs/chartistJs.html b/src/app/pages/charts/components/chartistJs/chartistJs.html
index 66700208..761032e2 100644
--- a/src/app/pages/charts/components/chartistJs/chartistJs.html
+++ b/src/app/pages/charts/components/chartistJs/chartistJs.html
@@ -1,7 +1,7 @@
-<section ng-controller="chartistCtrl">
+<section class="chartist">
   <div class="row">
     <div class="col-md-6 ">
-      <ba-card title="Lines" baCardClass="with-scroll ">
+      <ba-card title="Lines" baCardClass="with-scroll">
         <h5>Simple line chart</h5>
         <div id="line-chart" class="ct-chart"></div>
         <h5>Line chart with area</h5>
@@ -12,7 +12,7 @@
     </div>
 
     <div class="col-md-6 ">
-      <ba-card title="Bars" baCardClass="with-scroll ">
+      <ba-card title="Bars" baCardClass="with-scroll">
         <h5>Simple bar chart</h5>
         <div id="simple-bar" class="ct-chart"></div>
         <h5>Multi-line labels bar chart</h5>
@@ -25,7 +25,7 @@
 
   <div class="row">
     <div class="col-md-12">
-      <ba-card title="Pies & Donuts" baCardClass="with-scroll ">
+      <ba-card title="Pies & Donuts" baCardClass="with-scroll">
         <div class="row">
           <div class="col-md-12 col-lg-4"><h5>Simple Pie</h5>
             <div id="simple-pie" class="ct-chart"></div>
diff --git a/src/app/pages/charts/components/chartistJs/chartistJs.scss b/src/app/pages/charts/components/chartistJs/chartistJs.scss
index 64279db1..1ae4d625 100644
--- a/src/app/pages/charts/components/chartistJs/chartistJs.scss
+++ b/src/app/pages/charts/components/chartistJs/chartistJs.scss
@@ -1,5 +1,19 @@
 @import "../../../../theme/sass/conf/conf";
 
+.chartist h5 {
+  font-weight: $font-normal;
+}
+
+.ct-area {
+  fill-opacity: .5;
+}
+
+.ct-label{
+  color: $default;
+  opacity: 0.9;
+  fill: rgba(255,255,255,.9);
+}
+
 .ct-chart .ct-label{
   font-size: 1em;
 }
@@ -54,3 +68,7 @@
     fill: $info;
   }
 }
+
+.stacked-bar .ct-bar{
+  stroke-width: 30px;
+}