UI improvement
diff --git a/xos/core/xoslib/ngXosViews/ceilometerDashboard/src/css/ceilometerDashboard.css b/xos/core/xoslib/ngXosViews/ceilometerDashboard/src/css/ceilometerDashboard.css
index 3c83532..e6fb7a8 100644
--- a/xos/core/xoslib/ngXosViews/ceilometerDashboard/src/css/ceilometerDashboard.css
+++ b/xos/core/xoslib/ngXosViews/ceilometerDashboard/src/css/ceilometerDashboard.css
@@ -26,7 +26,7 @@
/* LOADER */
.loader {
font-size: 10px;
- margin: 50px auto;
+ margin: 150px auto;
text-indent: -9999em;
width: 11em;
height: 11em;
diff --git a/xos/core/xoslib/ngXosViews/ceilometerDashboard/src/templates/ceilometer-samples.tpl.html b/xos/core/xoslib/ngXosViews/ceilometerDashboard/src/templates/ceilometer-samples.tpl.html
index 9eb4638..b2d92d7 100644
--- a/xos/core/xoslib/ngXosViews/ceilometerDashboard/src/templates/ceilometer-samples.tpl.html
+++ b/xos/core/xoslib/ngXosViews/ceilometerDashboard/src/templates/ceilometer-samples.tpl.html
@@ -23,12 +23,13 @@
</div>
</div>
-<div class="row">
- <div class="col-xs-12" ng-show="vm.loader">
+<div class="row" ng-show="vm.loader">
+ <div class="col-xs-12">
<div class="loader">Loading</div>
</div>
-
- <div class="col-xs-12" ng-if="!vm.loader">
+</div>
+<div class="row" ng-if="!vm.loader">
+ <div class="col-xs-12">
<canvas ng-if="vm.chartType === 'line'" id="line" class="chart chart-line" chart-data="vm.chart.data" chart-options="{datasetFill: false}"
chart-labels="vm.chart.labels" chart-legend="false" chart-series="vm.chart.series">
</canvas>
@@ -36,6 +37,10 @@
chart-labels="vm.chart.labels" chart-legend="false" chart-series="vm.chart.series">
</canvas>
<!-- <pre>{{vm.chartMeters | json}}</pre> -->
+ </div>
+</div>
+<div class="row" ng-if="!vm.loader">
+ <div class="col-xs-12">
<a ng-click="vm.removeFromChart(meter)" class="btn btn-chart" ng-style="{'background-color': vm.chartColors[$index]}" ng-repeat="meter in vm.chartMeters">{{meter}}</a>
</div>
</div>
\ No newline at end of file