From 5f4e45fbf224cf160f7fd9e730c1e89ab1471af8 Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Fri, 25 May 2012 12:08:15 -0700
Subject: [PATCH] CS-14844

-If value label in detail view gets too long, then add horizontal
 scrollbar to value, to avoid truncation

-Lower font size to 11px (-1px) to better fit longer data into UI

reviewed-by: sonny
---
 ui/css/cloudstack3.css              | 16 ++++++++++++++++
 ui/scripts/ui/widgets/detailView.js |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 5d27ee8d14f..32bfb96ff30 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -1411,6 +1411,22 @@ div.list-view td.state.off span {
   text-indent: 0;
 }
 
+.detail-group .main-groups table td.value span {
+  display: block;
+  height: 30px;
+  overflow: auto;
+  position: relative;
+  top: 9px;
+}
+
+.detail-group .main-groups table td.value span {
+  width: 355px;
+}
+
+.panel.always-maximized .detail-group .main-groups table td.value span {
+  width: 565px;
+}
+
 .detail-group.head table td.name {
   padding: 20px 0px 17px;
 }
diff --git a/ui/scripts/ui/widgets/detailView.js b/ui/scripts/ui/widgets/detailView.js
index a1d7eaa01e4..3169e01c808 100644
--- a/ui/scripts/ui/widgets/detailView.js
+++ b/ui/scripts/ui/widgets/detailView.js
@@ -666,7 +666,7 @@
 
         var $detail = $('<tr></tr>').addClass(key).appendTo($detailTable);
         var $name = $('<td></td>').addClass('name').appendTo($detail);
-        var $value = $('<td></td>').addClass('value').appendTo($detail);
+        var $value = $('<span>').appendTo($('<td></td>').addClass('value').appendTo($detail));
         var content = data[key];
 
         if (this.converter) content = this.converter(content);