change checkbox name from id to database name

web/src/main/webapp/features/agentInfo/agent-info.directive.js

@@ -274,7 +274,7 @@
 							var key = dataSourceIdPrefix + obj.id;
 							scope.dataSourceChartCheckedKeys[key] = index < 30 ? true : false;
 							return {
-								display: index,
+								display: obj.databaseName ? obj.databaseName : obj.id,
 								value: key
 							};
 						});

web/src/main/webapp/features/agentInfo/agentInfoMain.html

@@ -209,7 +209,7 @@
 							<div class="wrapper">
 								<ul>
 									<li ng-repeat="key in dataSourceChartKeys">
-										<input type="checkbox" id="checkbox_{{key.display}}" value="{{key.value}}" ng-checked="checkChecked(key.value)"><label for="checkbox_{{key.display}}">{{key.display}}</label>
+										<input type="checkbox" id="checkbox_{{key.value}}" value="{{key.value}}" ng-checked="checkChecked(key.value)"><label for="checkbox_{{key.value}}">{{key.display}}</label>
 									</li>
 								</ul>
 							</div>

web/src/main/webapp/styles/inspector.css

@@ -291,7 +291,6 @@
 }
 #data-source-chart .type-select-layer li {
     display: inline-block;
-    width: 48px;
     list-style: none;
     padding: 4px 5px 4px 3px;
 }