From 934f90c12abf0d815515c8b1a61876009c69b9e0 Mon Sep 17 00:00:00 2001
From: Daniele Sluijters <daniele.sluijters@nedap.com>
Date: Sun, 13 Oct 2013 15:31:33 +0200
Subject: [PATCH] _macros.html: Graphs a bit smaller, FlatUI colors.

Currently the graphs are shown at the top of the page and because of
that really take up a lot of screen real estate. This commit makes the
graphs a bit smaller but we really need to rethink the layout here.

Additionally we switch the colors to the FlatUI swatches to match the
rest of the theme better.
---
 puppetboard/templates/_macros.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/puppetboard/templates/_macros.html b/puppetboard/templates/_macros.html
index 759306d..818c6f4 100644
--- a/puppetboard/templates/_macros.html
+++ b/puppetboard/templates/_macros.html
@@ -29,9 +29,9 @@
 {%- endmacro %}
 {% macro facts_graph(facts, autofocus=False, condensed=False, show_node=False, margin_top=20, margin_bottom=20) -%}
 <script src="{{url_for('static', filename='js/Chart.js')}}"></script>
-<canvas id="factChart" width="400" height="400"></canvas>
+<canvas id="factChart" width="300" height="300"></canvas>
 <script type="text/javascript">
-  var colors = [ "#F38630", "#E0E4CC", "#69D2E7", "#D11151", "#787BE3", "#B59370", "#B30202" ];
+  var colors = ["#9B59B6", "#3498DB", "#2ECC71", "#1ABC9C", "#F1C40F", "#E67E22", "#E74C3C"];
   var len_colors = colors.length;
   var data = [
 {% for fact in facts|groupby('value') %}
@@ -53,9 +53,9 @@
 {%- endmacro %}
 {% macro facts_graph_value(facts, autofocus=False, condensed=False, show_node=False, margin_top=20, margin_bottom=20) -%}
 <script src="{{url_for('static', filename='js/Chart.js')}}"></script>
-<canvas id="factChart_value" width="400" height="400"></canvas>
+<canvas id="factChart_value" width="300" height="300"></canvas>
 <script type="text/javascript">
-  var colors = [ "#F38630", "#E0E4CC", "#69D2E7", "#D11151", "#787BE3", "#B59370", "#B30202" ];
+  var colors = ["#9B59B6", "#3498DB", "#2ECC71", "#1ABC9C", "#F1C40F", "#E67E22", "#E74C3C"];
   var len_colors = colors.length;
   var data = [
 {% for fact in facts|groupby('value') %}