Clean up add user and group buttons to move the + icon to the left. The + icon doesn't appear within the button outline with buttons that aren't floated. Will have to debug later.

2 files changed, 18 insertions, 4 deletions

diff --git a/themes/admin_default/js/ui.init.js b/themes/admin_default/js/ui.init.js
index c8e21c9c..efc2af04 100644
--- a/themes/admin_default/js/ui.init.js
+++ b/themes/admin_default/js/ui.init.js
@@ -14,9 +14,6 @@ $(document).ready(function(){
     speed: 'fast'
   });
 
-  $(".gButtonLink").addClass("fg-button fg-button-icon-left ui-state-default ui-corner-all");
-  $(".gButtonLink").prepend('<span class="ui-icon ui-icon-circle-plus"></span>');
-
   // Apply modal dialogs
   var dialogLinks = $(".gDialogLink");
   for (var i=0; i < dialogLinks.length; i++) {
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index d1900a7a..cf557cfe 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -682,7 +682,8 @@ form p.gError {
 #gSiteMenu:after,
 #gBreadcrumbs:after,
 #gAlbumGrid:after,
-#gPager:after {
+#gPager:after,
+.gButtonLink:after {
   clear: both;
   content: ".";
   display: block;
@@ -752,6 +753,22 @@ form p.gError {
   display: none;
 }
 
+/* jQuery UI ThemeRoller butttons */
+
+.gButtonLink {
+  padding: .1em .6em;
+}
+
+.ui-icon-left .ui-icon {
+  float: left;
+  margin-right: .4em;
+}
+
+.ui-icon-right .ui-icon {
+  float: right;
+  margin-left: .4em;
+}
+
 /* STUFF THAT NEEDS A HOME */
 
 #gMove ul {