diff --git a/ui/modules/vpc/vpc.css b/ui/modules/vpc/vpc.css
index 92ee80beb05..51c3f7e05bd 100644
--- a/ui/modules/vpc/vpc.css
+++ b/ui/modules/vpc/vpc.css
@@ -140,7 +140,7 @@
}
.vpc-network-chart .tier-item .content .dashboard-item .total {
- font-size: 17px;
+ font-size: 30px;
/*+placement:shift 7px 5px;*/
position: relative;
left: 7px;
@@ -154,6 +154,10 @@
text-shadow: 0px 1px 1px #FFFFFF;
}
+.vpc-network-chart .tier-item .content .dashboard-item .total.multiline {
+ font-size: 14px;
+}
+
.vpc-network-chart .tier-item .content .dashboard-item .name {
font-size: 11px;
text-transform: uppercase;
diff --git a/ui/modules/vpc/vpc.js b/ui/modules/vpc/vpc.js
index a3a571eb4c3..f3cdaf040d5 100644
--- a/ui/modules/vpc/vpc.js
+++ b/ui/modules/vpc/vpc.js
@@ -162,7 +162,15 @@
var id = dashboardItem.id;
$name.find('span').html(dashboardItem.name);
- $total.find('span').html(dashboardItem.total);
+
+
+ if (dashboardItem.totalMultiLine) {
+ $total.find('span').html(dashboardItem.totalMultiLine);
+ $total.addClass('multiline');
+ } else {
+ $total.find('span').html(dashboardItem.total);
+ }
+
$dashboardItem.append($total, $name);
$dashboardItem.appendTo($dashboard);
@@ -230,7 +238,7 @@
{
id: 'tierLoadBalancers',
name: 'Load balancers',
- total: '5 Internal
6 Public'
+ totalMultiLine: '5 Internal
6 Public'
},
{
id: 'tierPortForwarders',