From 3689ff7405ad4c5fd39adb4db72e5e53a47e4948 Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Wed, 2 Oct 2013 12:57:11 -0700
Subject: [PATCH] Fix overflow scrolling for listView

---
 ui/scripts/sharedFunctions.js  |  2 +-
 ui/stylesheets/cloudstack.scss |  2 ++
 ui/stylesheets/csui/_list.scss | 19 +++++++++++++++----
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/ui/scripts/sharedFunctions.js b/ui/scripts/sharedFunctions.js
index d2c776cb0d8..3d0794dfa27 100644
--- a/ui/scripts/sharedFunctions.js
+++ b/ui/scripts/sharedFunctions.js
@@ -45,7 +45,7 @@ var md5Hashed = false;
 var md5HashedLogin = false;
 
 //page size for API call (e.g."listXXXXXXX&pagesize=N" )
-var pageSize = 20;
+var pageSize = 30;
 
 var rootAccountId = 1;
 
diff --git a/ui/stylesheets/cloudstack.scss b/ui/stylesheets/cloudstack.scss
index fcd66847691..b8b5ee01598 100644
--- a/ui/stylesheets/cloudstack.scss
+++ b/ui/stylesheets/cloudstack.scss
@@ -221,6 +221,8 @@ body {
 // List view widget
 .list-view {
     @include csui-list;
+
+    max-height: 85%;
 }
 
 // Panel toolbars
diff --git a/ui/stylesheets/csui/_list.scss b/ui/stylesheets/csui/_list.scss
index 6155ca393fb..4756dcc3d5d 100644
--- a/ui/stylesheets/csui/_list.scss
+++ b/ui/stylesheets/csui/_list.scss
@@ -16,6 +16,7 @@
 // under the License.
 @mixin csui-list {
     margin: 20px;
+    overflow: auto;
     
     table {
         width: 100%;
@@ -36,17 +37,27 @@
 
         tr td {
             padding: 5px;
-            border-bottom: 1px solid #ccc;
+            border: 1px solid #ccc;
             font-size: 11px;
-            white-space: nowrap;
+            max-width: 100px;
 
             span {
                 float: left;
             }
         }
 
-        th.quick-view, td.quick-view {
-            width: 40px;
+        th, td {
+            &.quick-view {
+                width: 40px;
+            }
+
+            &.actions {
+                width: 80px;
+            }
+
+            &.reorder {
+                width: 150px;
+            }
         }
 
         td.quick-view {