From 93e046a24ca22baf059ec141619dee6d2d6cb1a9 Mon Sep 17 00:00:00 2001
From: Brian Federle <bfederle@gmail.com>
Date: Fri, 17 May 2013 10:12:49 -0700
Subject: [PATCH] Fix CSS styling for multi-line VPC dashboard items

---
 ui/modules/vpc/vpc.css |  6 +++++-
 ui/modules/vpc/vpc.js  | 12 ++++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

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<br/>6 Public'
+                      totalMultiLine: '5 Internal<br/>6 Public'
                     },
                     {
                       id: 'tierPortForwarders',