From fbf47f2f4cf9ef8ed6d6e8fd57d8beebaafbfdaa Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Fri, 10 Feb 2012 15:52:04 -0800
Subject: [PATCH] IE7 list view/table fixes

---
 ui/css/cloudstack3-ie7.css         | 19 +++++++++++++++++++
 ui/scripts/ui/widgets/dataTable.js |  7 +++++--
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/ui/css/cloudstack3-ie7.css b/ui/css/cloudstack3-ie7.css
index 5b783f55c32..56d7256e998 100644
--- a/ui/css/cloudstack3-ie7.css
+++ b/ui/css/cloudstack3-ie7.css
@@ -2,6 +2,7 @@
 div.panel div.list-view {
   position: relative;
   overflow-x: hidden;
+  margin-top: 0px;
 }
 
 div.toolbar {
@@ -12,6 +13,10 @@ div.panel div.list-view div.fixed-header {
   top: expression(this.offsetParent.scrollTop + 30);
 }
 
+div.panel div.list-view div.data-table table.body {
+  top: 78px;
+}
+
 .detail-view .main-groups {
   width: 554px;
   position: relative;
@@ -73,3 +78,17 @@ div.panel div.list-view div.fixed-header {
   top: expression(this.offsetParent.scrollTop);
 }
 
+table tbody td,
+table th {
+  padding: 9px 5px 8px 0px;
+  border-right: 1px solid #BFBFBF;
+  color: #495A76;
+  clear: none;
+  width: auto;
+  width: 88px;
+  min-width: 88px;
+  font-size: 12px;
+  overflow: hidden;
+  vertical-align: middle;
+}
+
diff --git a/ui/scripts/ui/widgets/dataTable.js b/ui/scripts/ui/widgets/dataTable.js
index 96316a7fba0..7628d427391 100644
--- a/ui/scripts/ui/widgets/dataTable.js
+++ b/ui/scripts/ui/widgets/dataTable.js
@@ -72,7 +72,7 @@
             );
       $table = $mainContainer;
       var $theadContainer = $('<div>').addClass('fixed-header').prependTo($table);
-      var $theadTable = $('<table>').appendTo($theadContainer);
+      var $theadTable = $('<table>').appendTo($theadContainer).attr('nowrap', 'nowrap');
       var $thead = $table.find('thead').remove().appendTo($theadTable);
 
       return $thead;
@@ -218,7 +218,10 @@
 
     var init = function() {
       var noSelect = options && options.noSelect == true ? true : false;
-      if (!$table.closest('div.data-table').size() && !$table.hasClass('no-split')) splitTable();
+      if (!$table.closest('div.data-table').size() && !$table.hasClass('no-split')) {
+        splitTable();
+        $table.find('tbody').closest('table').addClass('body');
+      }
 
       $table.find('th').bind('mousemove mouseout', hoverResizableEvent);
       $table.find('th').bind('mousedown mousemove mouseup mouseout', resizeDragEvent);