webui: restyle automember default group

2 files changed, 14 insertions, 13 deletions

diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index ee3cbddc6..0dc46234d 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -446,17 +446,19 @@ table.scrollable tbody {
 
 /* --- Automember --- */
 
-.automember-header .default_group {
-    padding-bottom: 5px;
+.automember-header {
+    margin-bottom: 5px;
 }
 
-.automember-header .default_group h2 {
+.automember-header-label {
     display: inline-block;
-    margin: 0 15px 0 0;
+    font-weight: 600;
+    margin-right: 20px;
 }
 
-.automember-header .default_group label {
-    margin-right: 20px;
+.automember-header-control {
+    display: inline-block;
+    width: 200px;
 }
 
 /* --- Stand alone forms --- */
diff --git a/install/ui/src/freeipa/automember.js b/install/ui/src/freeipa/automember.js
index a03971b35..80c80c1f4 100644
--- a/install/ui/src/freeipa/automember.js
+++ b/install/ui/src/freeipa/automember.js
@@ -678,17 +678,16 @@ IPA.automember.default_group_widget = function(spec) {
 
         var title = that.get_title();
 
-        var default_group = $('<div />', {
-            'class': 'default_group'
-        }).appendTo(container);
-
-        that.header = $('<h2/>', {
+        that.header = $('<div/>', {
+            'class': 'automember-header-label',
             name: 'header',
             text: title,
             title: title
-        }).appendTo(default_group);
+        }).appendTo(container);
 
-        that.group_select.create(default_group);
+        that.group_select_node = $('<div/>', { 'class': 'automember-header-control' });
+        that.group_select.create(that.group_select_node);
+        that.group_select_node.appendTo(container);
     };
 
     that.get_title = function() {