Fixed Utilization Report Alignments

src/main/webapp/WEB-INF/css/custom-theme.css

@@ -664,5 +664,9 @@ cursor: pointer;
 	height: calc(85vh - 168px) !important;
 }
 .utilization-report {
-height: calc(86vh - 346px) !important;
+	height: calc(86vh - 346px) !important;
+}
+.highcharts-menu {
+	height: 205px;
+	overflow-y: scroll;
 }

src/main/webapp/WEB-INF/templates/charts.html

@@ -5,7 +5,7 @@
 	id="popupContainer" ng-controller="chartsController">
 
 	<div class="text-right">
-		Report Type:<select ng-model="report" #ref ng-change="clickMe(report)" ng-options="report.Name for report in reports"></select>
+		Report Type:<select ng-model="reportId" #ref ng-change="clickMe()" ng-options="report.Id as report.Name for report in reports"></select>
 		
 	</div>
 	<hc-pie-chart title="Browser usage" data="pieData"  options="chartOptions">Placeholder for pie chart</hc-pie-chart>