Multiselect: Fix size and alignment on select column

bfederle · bfederle · commit f930ccda99e7 · 2013-10-31T13:28:06.000-07:00
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
@@ -173,6 +173,23 @@ table tbody td.truncated > span {
   text-overflow: ellipsis;
 }
 
+/** Multiselect*/
+table thead th.multiselect,
+table tbody td.multiselect {
+  width: 40px;
+  min-width: 40px;
+  max-width: 40px;
+}
+
+table thead th.multiselect input,
+table tbody td.multiselect input {
+  margin: 0;
+}
+
+table thead th.multiselect input {
+  margin-left: 2px;
+}
+
 /** Actions table cell*/
 table tbody td.actions {
   width: 130px;
diff --git a/ui/scripts/ui/widgets/listView.js b/ui/scripts/ui/widgets/listView.js
@@ -767,7 +767,7 @@
             hiddenFields = preFilter();
 
         if (multiSelect) {
-            var $th = $('<th>').appendTo($thead.find('tr'));
+            var $th = $('<th>').addClass('multiselect').appendTo($thead.find('tr'));
             var content = $('<input>')
                 .attr('type', 'checkbox')
                 .addClass('multiSelectMasterCheckbox')
@@ -1054,7 +1054,8 @@
 
             if (multiSelect) {
                 var $td = $('<td>')
-                    .appendTo($tr);
+                        .addClass('multiselect')
+                        .appendTo($tr);
                 var content = $('<input>')
                     .attr('type', 'checkbox')
                     .addClass('multiSelectCheckbox')
