target style cleanup

Target section had radio buttonsreversed, and a few other style changes
Note that this has the styling removed for the aci-target dl items

2 files changed, 83 insertions, 50 deletions

diff --git a/install/ui/aci.js b/install/ui/aci.js
index eb941cb9..b1ac1d52 100644
--- a/install/ui/aci.js
+++ b/install/ui/aci.js
@@ -53,10 +53,11 @@ IPA.attribute_table_widget= function (spec){
     var that = IPA.widget(spec);
     var object_type = spec.objecttype || 'user';
     var table;
+    var dd_class = "other";
 
     that.create = function(container){
 
-        var dd  = $('<dd/>').appendTo(container);
+        var dd  = $('<dd/>',{"class":dd_class}).appendTo(container);
         table =   $('<table/>',{
             id:id,
             'class':'search-table aci-attribute-table'}).
@@ -323,14 +324,14 @@ IPA.target_section = function () {
 
     function display_filter_target(dl){
         $("<dt/>").
-            append($("<label/>",{
-                text:  "Filter" })).
             append($('<input/>',{
                 type:"radio",
                 name:"type",
                 checked:"true",
                 id:"aci_by_filter"
             })).
+            append($("<label/>",{
+                text:  "Filter" })).
             appendTo(dl);
 
         $('<dd/>',{
@@ -347,13 +348,13 @@ IPA.target_section = function () {
 
     function display_type_target(dl){
         $("<dt/>").
-            append($("<label/>",{
-                text:  "Object By Type " })).
             append($('<input/>',{
                 type:"radio",
                 name:"type",
                 checked:"true",
                 id:"aci_by_type" })).
+            append($("<label/>",{
+                text:  "Object By Type " })).
             appendTo(dl);
 
         var dd = $('<dd/>',{
@@ -375,8 +376,6 @@ IPA.target_section = function () {
                 text:  type_params.values[pc]
             }));
         }
-        dd = $('<dd />',{
-            "class":"aci_by_type other"}).appendTo(dl);
 
         var attribute_table = IPA.attribute_table_widget(
             {name:'aci_attributes_table',object_type:'user'});
@@ -388,11 +387,11 @@ IPA.target_section = function () {
 
     function display_query_target(dl){
         $('<dt/>').
-            append($('<label />',{ html: 'By Subtree'} )).
             append($('<input />',{
                 type:"radio",
                 name:"type",
             id:"aci_by_query" })).
+            append($('<label />',{ html: 'By Subtree'} )).
             appendTo(dl);
 
         $("<dd/>",{
@@ -427,12 +426,12 @@ IPA.target_section = function () {
 
     function display_group_target(dl){
         $('<dt/>' ).
-            append($('<label />',{
-                html: 'Target Group'} )).
             append($('<input />',{
                 type:"radio",
                 name:"type",
                 id:"aci_by_group" })).
+            append($('<label />',{
+                html: 'Target Group'} )).
             appendTo(dl);
 
         that.group_filter = $('<input/>',{
@@ -462,8 +461,7 @@ IPA.target_section = function () {
 
 
     that.create = function(container) {
-        var dl =  $('<dl class="entryattrs"/>').appendTo(container);
-
+        var dl =  $('<dl class="aci-target"/>').appendTo(container);
         display_filter_target(dl);
         display_query_target(dl);
         display_group_target(dl);
@@ -872,4 +870,4 @@ IPA.add_entity( function() {
     };
 
     return that;
-}());
\ No newline at end of file
+}());
diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index 67fa0338..8331a2d4 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -13,7 +13,7 @@
 
 body{
     background-image:url("outer-bg.png");
-    background-repeat:repeat-x; 
+    background-repeat:repeat-x;
     background-position:left top;
     background-color:#ededed;
     border-width: 0;
@@ -98,7 +98,7 @@ div.tabs {
     width: 100%;
     height: 100%;
     min-height: 40em;
-	background: url("centered-bg.png") no-repeat scroll 0 8.4em transparent;
+        background: url("centered-bg.png") no-repeat scroll 0 8.4em transparent;
 }
 
 div#content {
@@ -148,11 +148,11 @@ h1 {
 
 .entity-container h1{
     -moz-border-radius: 0.5em 0.5em 0 0;
-	background: -moz-linear-gradient(center top , #EEEEEE, #DFDFDF) repeat scroll 0 0 transparent;
-	margin-top: 1.5em;
-	padding: 0.5em 0.9em;
-	position: relative;
-	width: 40.5em;
+        background: -moz-linear-gradient(center top , #EEEEEE, #DFDFDF) repeat scroll 0 0 transparent;
+        margin-top: 1.5em;
+        padding: 0.5em 0.9em;
+        position: relative;
+        width: 40.5em;
 }
 
 h2 {
@@ -224,7 +224,7 @@ dl.entryattrs dd {
 dl.entryattrs dd.first {
     margin-left: 0;
     margin-top: 0.5em;
-	font-weight: bold;
+        font-weight: bold;
 }
 
 dl.entryattrs dd.other {
@@ -243,6 +243,41 @@ dl.entryattrs input.otp {
     width: 15em;
 }
 
+dl.aci-target{
+    clear: both;
+    margin-left: 1.5em;
+    margin-top: 1.8em;
+    white-space: nowrap;
+}
+
+dl.aci-target dt {
+    padding-bottom: 1.8em;
+    padding-left: 2.8em;
+
+    text-align: left;
+    width: 16em;
+    margin: 0.5em -0.5em 0 -6em;
+}
+
+dl.aci-target dd {
+}
+
+dl.aci-target dd.first {
+
+}
+
+dl.entryattrs dd.other {
+}
+
+
+dl.aci-target input {
+
+}
+
+
+
+
+
 span.attrhint {
     font-size: 8pt;
     left: 5em;
@@ -260,7 +295,7 @@ span.attrhint {
     border: none;
     background-image: url("Mainnav-background.png");
     -moz-border-radius: 0;
-	height: 3.5em;
+        height: 3.5em;
 }
 
 .ui-tabs {
@@ -276,7 +311,7 @@ span.attrhint {
 }
 
 .ui-icon-plus {
-	background-position: -16px -129px;
+        background-position: -16px -129px;
 }
 
 .ui-icon-trash {
@@ -284,7 +319,7 @@ span.attrhint {
 }
 
 .ui-dialog .ui-dialog-titlebar-close span {
-	background-color: none !important;
+        background-color: none !important;
 }
 
 .ui-widget-content .ui-icon {
@@ -323,7 +358,7 @@ span.attrhint {
 }
 
 //.ui-dialog .ui-dialog-content {
-	min-height: 26em !important;
+        min-height: 26em !important;
 }//
 
 .ui-widget input, .ui-widget select,
@@ -339,31 +374,31 @@ span.attrhint {
      border: 1px solid #777777;
      color: #fff;
      font-weight: normal;
-	 padding: 0.4em 1em;
+         padding: 0.4em 1em;
 }
 
 span.ui-icon-search {
-	background-color: transparent !important;
+        background-color: transparent !important;
     border: medium none !important;
     color: #FFFFFF !important;
-	margin-left: 0 !important;
+        margin-left: 0 !important;
 }
 
 [title="Find"] {
-	margin-left: 0.5em !important;
+        margin-left: 0.5em !important;
     padding: 0.4em 1em 0.4em 2em !important;
 }
 
 [title="details"] {
-	margin-top: -.7em !important;
+        margin-top: -.7em !important;
 }
 
 [title="Delete"] {
-	margin-left: 1em !important;
+        margin-left: 1em !important;
 }
 
 [title="Add"] {
-	margin-left: 1em !important;
+        margin-left: 1em !important;
 }
 
 .tabs1 .ui-tabs-nav li {
@@ -450,7 +485,7 @@ span.ui-icon-search {
 .tabs2 .ui-tabs-nav li a:hover {
     background-color:#045E01;
     color: #ffffff;
-    
+
 }
 
 span.sub-nav-off > a:link, span.sub-nav-off >  a:visited{
@@ -504,13 +539,13 @@ span.main-separator{
     border-bottom: 1px solid #c9c9c9;
     text-transform: uppercase;
     font-size: 1.6em;
-	font-weight: normal;
+        font-weight: normal;
 }
 
 .action-panel ul {
     list-style-type:none;
     padding-left: .5em;
-	padding-top: 0.5em;
+        padding-top: 0.5em;
 }
 
 .action-panel li {
@@ -532,7 +567,7 @@ span.main-separator{
 
 .action-panel li.back-to-search {
     margin-left: -1.5em;
-	margin-top: 1em;
+        margin-top: 1em;
 }
 
 .action-panel li.entity-facet {
@@ -571,9 +606,9 @@ span.main-separator{
 }
 
 .action-panel li hr {
-	margin-top: 0.3em;
-	margin-left: 1em;
-	background-color: #FFFFFF !important;
+        margin-top: 0.3em;
+        margin-left: 1em;
+        background-color: #FFFFFF !important;
     border-left: medium none !important;
     border-top: 1px solid #C9C9C9 !important;
 }
@@ -600,8 +635,8 @@ a.action-button-disabled {
     float: left;
     min-width: 70em;
 }
- 
-	
+
+
 /* Search */
 
 .search-controls {
@@ -728,12 +763,12 @@ dl.modal dd {
 }
 
 #dns-record-resource-filter {
-	padding: 0em 1em;
-	margin: 0 1em;	
+        padding: 0em 1em;
+        margin: 0 1em;
 }
 
 #dns-record-type-filter {
-	margin: 0 1em 0 0.5em;
+        margin: 0 1em 0 0.5em;
 }
 
 .ui-widget-content {
@@ -751,7 +786,7 @@ table.scrollable tbody {
 
 .adder-dialog-filter {
     height: 2.5em;
-	padding-top: 0.7em;
+        padding-top: 0.7em;
 }
 
 .adder-dialog-results {
@@ -761,30 +796,30 @@ table.scrollable tbody {
 
 .adder-dialog-available {
     background-color: #ffffff;
-	border: none;
+        border: none;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     width: 23em;
-	padding-top: 1em;
+        padding-top: 1em;
 }
 
 .adder-dialog-selected {
     background-color: #ffffff;
-	border: none;
+        border: none;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 23em;
-	padding-top: 1em;
+        padding-top: 1em;
 }
 
 .adder-dialog-buttons {
     position: absolute;
     top: 7.5em;
-	left: 23.7em;
+        left: 23.7em;
     right: 25;
     bottom: 0;
     text-align: center;