CSS class for buttons without icons.

A new CSS class has been added for buttons without icons. The
IPA.button() has been modified to use this class if there is
no icons specified.

2 files changed, 15 insertions, 2 deletions

diff --git a/install/static/details.js b/install/static/details.js
index 5c6bc83a2..aad77a9c4 100644
--- a/install/static/details.js
+++ b/install/static/details.js
@@ -699,12 +699,18 @@ IPA.button = function(spec) {
         id: spec.id,
         html: spec.label,
         title: spec.title || spec.label,
-        'class': 'ui-state-default ui-corner-all input_link'
+        'class': 'ui-state-default ui-corner-all'
     });
 
     if (spec.click) button.click(spec.click);
     if (spec['class']) button.addClass(spec['class']);
-    if (spec.icon) button.append('<span class="ui-icon '+spec.icon+'" ></span> ');
+
+    if (spec.icon) {
+        button.addClass('input_link');
+        button.append('<span class="ui-icon '+spec.icon+'" ></span> ');
+    } else {
+        button.addClass('button-without-icon');
+    }
 
     return button;
 };
diff --git a/install/static/ipa.css b/install/static/ipa.css
index 518e8aa26..66b0509e2 100644
--- a/install/static/ipa.css
+++ b/install/static/ipa.css
@@ -52,6 +52,13 @@ body{
     top: 50%;
 }
 
+.button-without-icon {
+    padding: .4em 1em .4em 1em;
+    text-decoration: none;
+    position: relative;
+    cursor: pointer;
+}
+
 /*  ----  Header  ----  */
 div.header {
     background-color:#0C3B00;