Fix hbac test styling

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

2 files changed, 26 insertions, 4 deletions

diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index 45983e495..de8b49cac 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -108,6 +108,18 @@ textarea[readonly] {
     margin: -4px 0 0 1px;
 }
 
+.prev-icon {
+    background-image: url(images/ui-icons_bbbbbb_256x240.png);
+    background-position: -96px -16px;
+    margin: -4px 0 0 1px;
+}
+
+.next-icon {
+    background-image: url(images/ui-icons_bbbbbb_256x240.png);
+    background-position: -32px -16px;
+    margin: -4px 0 0 1px;
+}
+
 .ipa-icon {
     font-size: 0.7em;
     padding-right: 0.3em;
@@ -1173,6 +1185,11 @@ body.info-page  {
     left: 0;
     right: 0;
     height: 30px;
+    line-height: normal;
+}
+
+.hbac-test-header .search-filter {
+    float: right;
 }
 
 .hbac-test-content {
@@ -1185,7 +1202,7 @@ body.info-page  {
 
 .hbac-test-footer {
     position: absolute;
-    height: 25px;
+    height: 29px;
     left: 0;
     right: 0;
     bottom: 0;
@@ -1200,6 +1217,11 @@ body.info-page  {
     margin:  0;
 }
 
+.hbac-test-title,
+.hbac-test-title ~ label {
+    margin-right: 5px !important;
+}
+
 div.facet[data-entity=hbactest] .content-table tbody {
     bottom: 68px;
 }
diff --git a/install/ui/src/freeipa/hbactest.js b/install/ui/src/freeipa/hbactest.js
index 386013066..a127db9b7 100644
--- a/install/ui/src/freeipa/hbactest.js
+++ b/install/ui/src/freeipa/hbactest.js
@@ -182,7 +182,7 @@ IPA.hbac.test_facet = function(spec) {
             that.prev_button = IPA.button({
                 name: 'prev',
                 label: '@i18n:widget.prev',
-                icon: 'ui-icon ui-icon-triangle-1-w',
+                icon: 'prev-icon',
                 click: function() {
                     if (!that.prev_button.hasClass('action-button-disabled')) {
                         that.prev();
@@ -197,7 +197,7 @@ IPA.hbac.test_facet = function(spec) {
         that.next_button = IPA.button({
             name: 'next',
             label: '@i18n:widget.next',
-            icon: 'ui-icon ui-icon-triangle-1-e',
+            icon: 'next-icon',
             click: function() {
                 if (!that.next_button.hasClass('action-button-disabled')) {
                     that.next();
@@ -605,7 +605,7 @@ IPA.hbac.test_run_facet = function(spec) {
         that.prev_button = IPA.button({
             name: 'prev',
             label: '@i18n:widget.prev',
-            icon: 'ui-icon ui-icon-triangle-1-w',
+            icon: 'prev-icon',
             click: function() {
                 if (!that.prev_button.hasClass('action-button-disabled')) {
                     that.prev();