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 {