From 9b73868c1b4700f16ac5aafc23ff08122fadff83 Mon Sep 17 00:00:00 2001
From: zhangguoqing <zhang.guoqing@99cloud.net>
Date: Wed, 24 Aug 2016 10:02:31 +0800
Subject: [PATCH] Adjust the reporting page

1. Making the 'Cumulative Cost Repartition' canva size as same
   as 'Cost Per Service Per Hour'. This can avoid that the data
   text can not display integrity sometimes.
2. Making the two canvas locate a same row to visual more comfortable.

Change-Id: I9cdc5e7622e49186466a0a72754ed17b2941d68b
---
 .../templates/reporting/this_month.html          | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/cloudkittydashboard/dashboards/project/reporting/templates/reporting/this_month.html b/cloudkittydashboard/dashboards/project/reporting/templates/reporting/this_month.html
index 8fb44a1..fd4dda0 100644
--- a/cloudkittydashboard/dashboards/project/reporting/templates/reporting/this_month.html
+++ b/cloudkittydashboard/dashboards/project/reporting/templates/reporting/this_month.html
@@ -4,14 +4,16 @@
 <script src='{% static "cloudkitty/js/d3pie.min.js" %}' type='text/javascript' charset='utf-8'></script>
 <script src='{% static "cloudkitty/js/rickshaw.min.js" %}' type='text/javascript' charset='utf-8'></script>
 
-<h4>{% trans "Cumulative Cost Repartition" %}</h4>
-<div id="repartition_cumulated"></div>
+<div class="col-md-6">
+  <h4>{% trans "Cumulative Cost Repartition" %}</h4>
+  <div id="repartition_cumulated"></div>
+</div>
 
 <script type="text/javascript">
   var cumulated = new d3pie("repartition_cumulated", {
     "size": {
        "canvasHeight": 300,
-       "canvasWidth": 300
+       "canvasWidth": 500
     },
     "labels": {
       "outer": {
@@ -59,9 +61,11 @@
     ]}});
 </script>
 
-<h4>{% trans "Cost per service per hour" %}</h4>
-<div id="cost_progress"></div>
-<div id="cost_progress_legend"></div>
+<div class="col-md-6">
+  <h4>{% trans "Cost Per Service Per Hour" %}</h4>
+  <div id="cost_progress"></div>
+  <div id="cost_progress_legend"></div>
+</div>
 
 <script>
 var palette = new Rickshaw.Color.Palette();