From a4389f26bb7dcb8435b86b3ab53ec8e6ced62d78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Krier?= <ced@b2ck.com>
Date: Mon, 7 Oct 2013 12:38:35 +0200
Subject: [PATCH] Use jQuery UI primary icons in Button

---
 src/common.js | 8 ++++----
 src/sao.less  | 8 ++++++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/common.js b/src/common.js
index 56acb54a7e..b0af48f51c 100644
--- a/src/common.js
+++ b/src/common.js
@@ -343,10 +343,9 @@
             this.attributes = attributes;
             this.el = jQuery('<button/>').button({
                 text: true,
-                label: attributes.string || ''
+                label: attributes.string || '',
+                icons: {primary: 'ui-icon-custom', secondary: null}
             });
-            this.img = jQuery('<img/>');
-            this.el.append(this.img);
             this.set_icon(attributes.icon);
         },
         set_icon: function(icon_name) {
@@ -355,7 +354,8 @@
             }
             var prm = Sao.common.ICONFACTORY.register_icon(icon_name);
             prm.done(function(url) {
-                this.img.attr('src', url);
+                this.el.children('.ui-button-icon-primary').css(
+                    'background-image', 'url("' + url + '")');
             }.bind(this));
         },
         set_state: function(record) {
diff --git a/src/sao.less b/src/sao.less
index 137c963a07..911bc82f1f 100644
--- a/src/sao.less
+++ b/src/sao.less
@@ -74,3 +74,11 @@ body {
         width: 100%;
     }
 }
+
+.form {
+    & button {
+        & .ui-icon-custom {
+            background-size: 16px 16px;
+        }
+    }
+}