From dac59ced4805bdebe5cf844f0416920cc7703922 Mon Sep 17 00:00:00 2001
From: ggh-openerp <ggh@tinyerp.com>
Date: Thu, 31 Jan 2013 11:08:27 +0530
Subject: [PATCH] [IMP] bounce effect on highlight button using statusbar

bzr revid: ggh@tinyerp.com-20130131053827-219jr1awgh4tr685
---
 addons/web/static/src/css/base.css    | 4 ++++
 addons/web/static/src/css/base.sass   | 3 +++
 addons/web/static/src/js/view_form.js | 3 ++-
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 6cfee50d6a4..123742d5b0b 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -190,6 +190,10 @@
 .openerp .oe_bounce_container {
   display: inline-block;
 }
+.openerp .oe_bounce_highlight_btn {
+  margin: auto;
+  display: inline-block;
+}
 .openerp .text-tag .text-button {
   height: auto !important;
   min-height: 16px;
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index b4665808caf..223a476d238 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -248,6 +248,9 @@ $sheet-padding: 16px
     .oe_bounce_container
         display: inline-block
 
+    .oe_bounce_highlight_btn
+        margin: auto
+        display: inline-block
     // Bug lp:1051746
     .text-tag .text-button
         height: auto !important
diff --git a/addons/web/static/src/js/view_form.js b/addons/web/static/src/js/view_form.js
index f7d27d666fc..b19eab03b75 100644
--- a/addons/web/static/src/js/view_form.js
+++ b/addons/web/static/src/js/view_form.js
@@ -212,9 +212,10 @@ instance.web.FormView = instance.web.View.extend(instance.web.form.FieldManagerM
             }
         });
         //bounce effect on red button when click on statusbar.
+        self.$el.find(".oe_highlight").wrap('<div class="oe_bounce_highlight_btn"></div>');
         this.$el.on('click', '.oe_form_field_status:not(.oe_form_status_clickable)', function (e) {
             if((self.get("actual_mode") == "view")) {
-                var $button = self.$el.find(".oe_highlight:not(.oe_form_invisible)").css({'float':'left','clear':'none'});
+                var $button = self.$el.find(".oe_highlight:not(.oe_form_invisible)");
                 $button.openerpBounce();
                 e.stopPropagation();
             }