Fixed: Column header for attributes table should be full width

https://fedorahosted.org/freeipa/ticket/1841

The column header for the attributes table (IPA.attributes_widget) does not cover the entire width of the table. This problem appears in the adder dialog and details page for permissions, self-service permissions, and delegations.

install/ui/aci.js

@@ -248,7 +248,7 @@ IPA.attributes_widget = function(spec) {
 
         that.table = $('<table/>', {
             id:id,
-            'class':'search-table aci-attribute-table'
+            'class':'search-table aci-attribute-table scrollable'
         }).
             append('<thead/>').
             append('<tbody/>').
@@ -257,10 +257,9 @@ IPA.attributes_widget = function(spec) {
         var tr = $('<tr></tr>').appendTo($('thead', that.table));
 
         tr.append($('<th/>', {
-            style:"height:2em; vertical-align:bottom;",
-            html:$('<input/>',{
+            html: $('<input/>', {
                 type: "checkbox",
-                click: function(){
+                click: function() {
                     $('.aci-attribute', that.table).
                         attr('checked', $(this).attr('checked'));
                     that.set_dirty(that.test_dirty());
@@ -275,7 +274,7 @@ IPA.attributes_widget = function(spec) {
             that.create_undo(container);
         }
 
-        if (that.object_type){
+        if (that.object_type) {
             that.populate(that.object_type);
         }
     };

install/ui/ipa.css

@@ -964,30 +964,17 @@ span.main-separator{
     cursor: default;
 }
 
-
-.aci-attribute-table {
-
-}
-
-.aci-attribute-table thead{
-    display: block;
-}
-
-
-.aci-attribute-table tbody{
-    width: 100%;
-    height:10em;
-    overflow:auto;
+.aci-attribute-table tbody {
     border-bottom: 1px solid #8a8a8a;
-    display: block;
+    height:10em;
 }
 
-.aci-attribute-table th.aci-attribute-column{
-    width: 20.5em;
+.aci-attribute-table .aci-attribute-column {
+    width: 200em; /* it will fit actual width */
 }
 
 .entity-views{
-     list-style-type:none;
+    list-style-type:none;
 }
 
 .entity-views li {